.dashboard-experience,.learner-experience,.admin-experience{--dash-panel:oklch(14.5% .064 258);--dash-panel-2:oklch(20.5% .075 258);--dash-panel-ink:oklch(99% .004 250);--dash-panel-ink-muted:color-mix(in oklab, var(--dash-panel-ink) 76%, var(--dash-panel));--dash-hairline:oklch(100% 0 0/.12);--dash-hairline-strong:oklch(100% 0 0/.44);--dash-focus:oklch(93% .04 250);--dash-rail-track:color-mix(in oklab, var(--foreground) 13%, transparent);--dash-rail-done:var(--success);--dash-rail-active:var(--primary);--dash-node:2.5rem;--dash-rail-w:4px;--dash-rail-inset:1.25rem}.dark .dashboard-experience,.dark .learner-experience,.dark .admin-experience{--dash-panel:oklch(23.5% .075 262);--dash-panel-2:oklch(29% .085 262);--dash-panel-ink-muted:color-mix(in oklab, var(--dash-panel-ink) 82%, var(--dash-panel));--dash-hairline:oklch(100% 0 0/.16);--dash-rail-track:color-mix(in oklab, var(--foreground) 18%, transparent)}.dash-lift{transition:transform var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard)}@media (hover:hover){.dash-lift:hover{border-color:color-mix(in oklab, var(--primary) 38%, var(--border));box-shadow:var(--elevation-3);transform:translateY(-2px)}}.dash-lift:focus-within{border-color:color-mix(in oklab, var(--primary) 48%, var(--border));box-shadow:var(--elevation-3);transform:translateY(-2px)}.dash-hero{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--elevation-2);position:relative;overflow:hidden}.dash-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);align-items:stretch;display:grid}.dash-hero-ink{z-index:1;background:radial-gradient(130% 150% at 6% -10%, color-mix(in oklab, var(--dash-panel-2) 88%, transparent) 0, transparent 60%), var(--dash-panel);min-width:0;min-height:19rem;color:var(--dash-panel-ink);border-top-right-radius:3.5rem 20rem;border-bottom-right-radius:3.5rem 20rem;margin-right:-2.25rem;padding:2.5rem 4.25rem 2.5rem 2.5rem;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.06),26px 0 72px -50px oklch(8% .05 258/.85)}.dash-hero-ink :focus-visible{outline:2px solid var(--dash-focus);outline-offset:2px}.dash-hero-paper{z-index:0;background:color-mix(in oklab, var(--surface) 96%, var(--primary));align-content:center;justify-items:start;gap:.5rem;min-width:0;padding:2.5rem 2.5rem 2.5rem 4.5rem;display:grid;position:relative}.dash-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--dash-panel-ink) 72%, var(--dash-panel));font-size:.6875rem;font-weight:600;line-height:1.3}.dash-hero-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin-top:.5rem;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.125rem);font-weight:600;line-height:1.12}.dash-hero-lede{max-width:46ch;color:var(--dash-panel-ink-muted);margin-top:.75rem;font-size:.9375rem;line-height:1.6}.dash-hero-chip{border:1px solid var(--dash-hairline);color:var(--dash-panel-ink-muted);background:oklch(100% 0 0/.05);border-radius:999px;padding:.2rem .625rem;font-size:.75rem}.dash-hero-cta{background:var(--dash-panel-ink);color:oklch(18% .055 258);box-shadow:0 14px 34px -20px oklch(72% .16 250/.7)}.dash-hero-cta:hover{color:oklch(15% .055 258);background:oklch(96% .015 250)}.dash-hero-cta-secondary{border:1px solid var(--dash-hairline-strong);color:var(--dash-panel-ink);background:oklch(100% 0 0/.06)}.dash-hero-cta-secondary:hover{border-color:var(--dash-hairline-strong);color:var(--dash-panel-ink);background:oklch(100% 0 0/.14)}.dash-hero-fact-icon{background:var(--primary-subtle);color:var(--primary)}.dash-ring{aspect-ratio:1;width:clamp(6.5rem,11vw,10.5rem);position:relative}.dash-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dash-ring-track{fill:none;stroke-width:9px;stroke:color-mix(in oklab, var(--foreground) 11%, transparent)}.dash-ring-arc{fill:none;stroke:url(#dash-ring-grad);stroke-width:9px;stroke-linecap:round;stroke-dasharray:var(--dash-ring-c);stroke-dashoffset:var(--dash-ring-offset);animation:dash-ring-fill .9s var(--ease-standard) .2s both}.dash-ring-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);place-items:center;font-size:clamp(1.5rem,.9rem + 2.2vw,2.25rem);font-weight:700;display:grid;position:absolute;inset:0}@keyframes dash-ring-fill{0%{stroke-dashoffset:var(--dash-ring-c)}}.dash-arc{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.dash-arc-item{min-width:0;animation:dash-fade-up .38s var(--ease-standard) both;animation-delay:calc(.12s + var(--dash-i) * 90ms);padding:0 .5rem;position:relative}.dash-arc-item:before{content:"";top:calc(var(--dash-node) / 2 - 1.5px);left:calc(-50% + var(--dash-node) / 2);width:calc(100% - var(--dash-node));background:var(--dash-rail-track);border-radius:999px;height:3px;position:absolute}.dash-arc-item:after{content:"";top:calc(var(--dash-node) / 2 - 1.5px);left:calc(-50% + var(--dash-node) / 2);width:calc(100% - var(--dash-node));background:var(--dash-arc-fill,transparent);transform-origin:0;height:3px;animation:dash-arc-fill .46s var(--ease-standard) both;animation-delay:calc(.2s + var(--dash-i) * 90ms);border-radius:999px;position:absolute;transform:scaleX(0)}.dash-arc-item:first-child:before,.dash-arc-item:first-child:after{display:none}.dash-arc-node{width:var(--dash-node);height:var(--dash-node);background:var(--surface);color:var(--muted-foreground);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:999px;place-items:center;margin-inline:auto;display:grid}.dash-arc-item[data-state=done] .dash-arc-node{background:var(--success);color:var(--success-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--success) 13%, transparent), 0 10px 22px -14px color-mix(in oklab, var(--success) 85%, transparent)}.dash-arc-item[data-state=current] .dash-arc-node{background:var(--primary);color:var(--primary-foreground);animation:2.4s ease-in-out .9s infinite dash-pulse-primary}.dash-arc-link{border-radius:var(--radius-lg);text-align:center;padding-bottom:.5rem;display:block}.dash-rail-list{isolation:isolate;position:relative}.dash-rail-track{z-index:-1;top:1.75rem;bottom:1.75rem;left:calc(var(--dash-rail-inset) + var(--dash-node) / 2 - var(--dash-rail-w) / 2);width:var(--dash-rail-w);background:var(--dash-rail-track);border-radius:999px;position:absolute}.dash-rail-item{animation:dash-fade-up .42s var(--ease-standard) both;animation-delay:calc(.14s + var(--dash-i) * 70ms);position:relative}.dash-rail-item:before{content:"";z-index:-1;top:0;bottom:0;left:calc(var(--dash-rail-inset) + var(--dash-node) / 2 - var(--dash-rail-w) / 2);width:var(--dash-rail-w);background:linear-gradient(to bottom, var(--dash-rail-done) 0 var(--dash-seg-done), var(--dash-rail-active) var(--dash-seg-done) var(--dash-seg-active), transparent var(--dash-seg-active));transform-origin:top;animation:dash-rail-pour .42s var(--ease-standard) both;animation-delay:calc(.16s + var(--dash-i) * 90ms);border-radius:999px;position:absolute;transform:scaleY(0)}.dash-rail-row{grid-template-columns:var(--dash-node) minmax(0, 1fr) auto auto;border-radius:var(--radius-lg);border:1px solid #0000;align-items:center;gap:0 .875rem;min-height:4.25rem;margin-inline:.5rem;padding:.625rem .75rem;display:grid}.dash-rail-row:hover{background:color-mix(in oklab, var(--primary) 4%, var(--surface))}.dash-rail-node{width:var(--dash-node);height:var(--dash-node);font-variant-numeric:tabular-nums;background:var(--surface);color:var(--muted-foreground);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--foreground) 20%, transparent);animation:dash-node-in .32s var(--ease-standard) both;animation-delay:calc(.22s + var(--dash-i) * 90ms);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.dash-rail-item[data-state=active] .dash-rail-node{background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 13%, transparent), 0 10px 22px -14px color-mix(in oklab, var(--primary) 85%, transparent)}.dash-rail-item[data-state=done] .dash-rail-node{background:var(--success);color:var(--success-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--success) 13%, transparent), 0 10px 22px -14px color-mix(in oklab, var(--success) 85%, transparent)}.dash-rail-item[data-current=true] .dash-rail-node{animation:dash-node-in .32s var(--ease-standard) both, dash-pulse-primary 2.4s ease-in-out .9s infinite;animation-delay:calc(.22s + var(--dash-i) * 90ms), .9s}.dash-rail-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;font-weight:500;display:-webkit-box;overflow:hidden}.dash-rail-chevron{color:var(--muted-foreground);transition:transform var(--dur-base) var(--ease-standard)}.dash-rail-row:hover .dash-rail-chevron,.dash-rail-row:focus-visible .dash-rail-chevron{transform:translate(2px)}.dash-pips{gap:3px;display:flex}.dash-pips>i{background:var(--muted);transform-origin:0;width:14px;height:4px;animation:dash-pip-in .22s var(--ease-standard) both;animation-delay:calc(.32s + var(--dash-i) * 70ms + var(--dash-k) * 45ms);border-radius:999px;transform:scaleX(1)}.dash-pips>i[data-pip=done]{background:var(--success)}.dash-pips>i[data-pip=active]{background:var(--primary)}.dash-toggle-item{border:1px solid var(--border);white-space:nowrap;min-height:2rem;color:var(--muted-foreground);background:var(--surface);transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:999px;padding-inline:.75rem;font-size:.75rem;font-weight:500}.dash-toggle-item:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--foreground)}.dash-toggle-item[data-state=on]{background:var(--primary-subtle);border-color:color-mix(in oklab, var(--primary) 32%, transparent);color:var(--primary)}.dash-priority{position:relative;overflow:hidden}.dash-priority:before{content:"";background:color-mix(in oklab, var(--dash-accent,var(--primary)) 70%, transparent);transform-origin:0;height:2px;animation:dash-hairline-in .52s var(--ease-standard) both;animation-delay:calc(.18s + var(--dash-i) * 90ms);inset-inline:0;position:absolute;top:0;transform:scaleX(1)}.dash-priority-icon{background:var(--primary-subtle);color:var(--primary)}.dash-signal{background:var(--info);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--info) 14%, transparent);border-radius:999px;animation:2.2s ease-in-out infinite dash-signal}.dash-cert-perspective{perspective:1300px;display:block}.dash-cert-face{transform-origin:85%;transition:transform .42s var(--ease-standard), box-shadow .42s var(--ease-standard);position:relative;overflow:hidden;transform:rotateY(-4deg)rotateX(1.5deg)}.dash-cert-perspective:hover .dash-cert-face,.dash-cert-perspective:focus-visible .dash-cert-face{box-shadow:var(--elevation-4);transform:rotateY(0)rotateX(0)translateY(-4px)}.dash-cert-face[data-issued=true]{border-color:color-mix(in oklab, var(--success) 34%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--success) 5%, transparent), transparent 40%), var(--card)}.dash-cert-watermark{width:8.5rem;height:8.5rem;color:color-mix(in oklab, var(--primary) 8%, transparent);animation:5s ease-in-out infinite dash-cert-pulse;position:absolute;top:-1.5rem;right:-1.5rem}.dash-cert-face:after{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 42%, color-mix(in oklab, var(--primary) 9%, transparent) 50%, transparent 58%);animation:6.5s ease-in-out infinite dash-cert-sheen;position:absolute;inset:-40% -60%;translate:-35%}.dash-map{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.dash-map>i{border-radius:var(--radius-sm);background:linear-gradient(to top, color-mix(in oklab, var(--foreground) 16%, transparent) 0 3px, transparent 3px);height:1.75rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 7%, transparent);transform-origin:bottom;animation:dash-cell-in .26s var(--ease-standard) both;animation-delay:calc(.12s + var(--dash-c) * 26ms);transform:scaleY(.35)}.dash-map>i[data-active=true]{background:linear-gradient(to top, var(--primary), color-mix(in oklab, var(--primary) 72%, var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 30%, transparent);transform:scaleY(1)}.dash-map>i[data-today=true]{outline:2px solid color-mix(in oklab, var(--foreground) 30%, transparent);outline-offset:1px}.dash-map[data-range="28"]>i{height:1rem}.dash-activity-row{border-radius:var(--radius-md);border:1px solid #0000;padding:.5rem .625rem .5rem .875rem;position:relative}.dash-activity-row:before{content:"";background:var(--dash-accent,var(--muted-foreground));border-radius:999px;width:2px;position:absolute;top:.55rem;bottom:.55rem;left:0}.dash-activity-item{animation:dash-fade-up .38s var(--ease-standard) both;animation-delay:calc(.14s + var(--dash-i) * 55ms)}.dash-stat{background:var(--surface);animation:dash-fade-up .38s var(--ease-standard) both;animation-delay:calc(.12s + var(--dash-i) * 55ms);transition:background-color var(--dur-base) var(--ease-standard);padding:1rem;display:block;position:relative}.dash-stat:hover{background:color-mix(in oklab, var(--primary) 5%, var(--surface))}.dash-stat-inner{transition:translate var(--dur-base) var(--ease-standard)}.dash-stat:hover .dash-stat-inner,.dash-stat:focus-within .dash-stat-inner{translate:0 -2px}.dash-stat-icon{border-radius:var(--radius-sm);background:var(--primary-subtle);width:1.75rem;height:1.75rem;color:var(--primary);place-items:center;display:grid}.dash-quick-icon{background:var(--surface-2);color:var(--foreground);border:1px solid var(--border);transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard)}.dash-quick:hover .dash-quick-icon,.dash-quick:focus-within .dash-quick-icon{background:var(--primary-subtle);color:var(--primary);border-color:color-mix(in oklab, var(--primary) 30%, transparent)}.dash-quick-arrow{transition:transform var(--dur-base) var(--ease-standard)}.dash-quick:hover .dash-quick-arrow,.dash-quick:focus-within .dash-quick-arrow{transform:translate(2px)}@keyframes dash-fade-up{0%{opacity:0;transform:translateY(9px)}}@keyframes dash-rail-pour{to{transform:scaleY(1)}}@keyframes dash-arc-fill{to{transform:scaleX(1)}}@keyframes dash-node-in{0%{opacity:0;scale:.82}}@keyframes dash-pip-in{0%{transform:scaleX(0)}}@keyframes dash-cell-in{0%{opacity:0}}@keyframes dash-hairline-in{0%{transform:scaleX(0)}}@keyframes dash-signal{0%,to{box-shadow:0 0 0 4px color-mix(in oklab, var(--info) 14%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in oklab, var(--info) 3%, transparent)}}@keyframes dash-pulse-primary{0%,to{box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 14%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in oklab, var(--primary) 3%, transparent)}}@keyframes dash-cert-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes dash-cert-sheen{0%,to{translate:-35%}50%{translate:35%}}@media (width<=1279px){.dash-hero-ink{border-top-right-radius:3rem 16rem;border-bottom-right-radius:3rem 16rem;padding:2rem 3.5rem 2rem 2rem}.dash-hero-paper{padding:2rem 2rem 2rem 3.75rem}}@media (width<=1023px){.dash-hero-grid{grid-template-columns:minmax(0,1fr)}.dash-hero-ink{border-radius:0 0 2.5rem 2.5rem;margin-bottom:-1.75rem;margin-right:0;padding:2rem;box-shadow:inset 0 1px oklch(100% 0 0/.06),0 26px 72px -52px oklch(8% .05 258/.85)}.dash-hero-paper{justify-items:stretch;padding:3.25rem 2rem 2rem}}@media (width<=767px){.dash-pips{display:none}.dash-rail-row{min-height:3.75rem}.dash-arc{grid-template-columns:minmax(0,1fr)}.dash-arc-item{padding:0 0 .75rem}.dash-arc-item:before,.dash-arc-item:after{top:auto;bottom:calc(100% - var(--dash-node) / 2 - 1.5px);left:calc(var(--dash-node) / 2 - 1.5px);width:3px;height:.75rem}.dash-arc-item:after{transform-origin:top;animation-name:dash-rail-pour;transform:scaleY(0)}.dash-arc-link{grid-template-columns:var(--dash-node) minmax(0, 1fr);text-align:left;align-items:center;gap:.75rem;padding:.25rem .5rem;display:grid}.dash-arc-node{margin-inline:0}}@media (width<=639px){.dash-hero-ink,.dash-hero-paper{padding-inline:1.5rem}.dash-hero-cta,.dash-hero-cta-secondary{width:100%}.dash-cert-face{transform:none}}@media (width<=400px){.dashboard-experience{--dash-node:2rem;--dash-rail-inset:.75rem}.dash-rail-row{margin-inline:.25rem;padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.dash-ring-arc,.dash-rail-item,.dash-rail-item:before,.dash-rail-node,.dash-pips>i,.dash-arc-item,.dash-arc-item:after,.dash-priority:before,.dash-map>i,.dash-activity-item,.dash-stat,.dash-signal,.dash-cert-watermark,.dash-cert-face:after{animation:none!important}.dash-ring-arc{stroke-dashoffset:var(--dash-ring-offset)}.dash-rail-item:before,.dash-arc-item:after{transform:scaleY(1)scaleX(1)}.dash-pips>i,.dash-priority:before{transform:scaleX(1)}.dash-map>i{transform:scaleY(.35)}.dash-map>i[data-active=true]{transform:scaleY(1)}.dash-rail-item,.dash-rail-node,.dash-arc-item,.dash-activity-item,.dash-stat{opacity:1!important;transform:translate(0)scale(1)!important}.dash-lift:hover,.dash-lift:focus-within,.dash-stat:hover .dash-stat-inner,.dash-stat:focus-within .dash-stat-inner,.dash-quick:hover .dash-quick-arrow,.dash-quick:focus-within .dash-quick-arrow,.dash-rail-row:hover .dash-rail-chevron{transform:translate(0)!important}.dash-cert-face,.dash-cert-perspective:hover .dash-cert-face,.dash-cert-perspective:focus-visible .dash-cert-face{transform:none!important}.dash-cert-face:after{translate:-35%}}