:root{--blue-100:#e4e8fc;--blue-300:#8ca0f0;--blue-500:#5e79ea;--blue-600:#3654e3;--blue-700:#2a41b5;--blue-800:#1f3189;--teal-100:#e5f1f5;--teal-300:#9ac6d8;--teal-500:#5aa6c4;--teal-600:#47899f;--teal-700:#356979;--mint-100:#e7fbe9;--mint-300:#c3f1c8;--mint-500:#9fe6a6;--mint-600:#74c97e;--mint-700:#4fa75a;--ink-900:#10162b;--ink-700:#2b3352;--ink-500:#535c7e;--neutral-50:#f5faf3;--neutral-100:#e8eee5;--neutral-200:#d6ded2;--neutral-300:#b9c4b4;--neutral-400:#93a08d;--neutral-500:#6e7a68;--neutral-600:#4f594a;--white:#fff;--color-bg:color-mix(in srgb, var(--teal-500) 7%, var(--white));--color-surface:var(--white);--color-surface-sunken:var(--neutral-100);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text:var(--ink-900);--color-text-muted:var(--ink-500);--color-text-faint:var(--neutral-500);--color-text-inverse:var(--white);--color-primary:var(--blue-600);--color-primary-hover:var(--blue-700);--color-primary-press:var(--blue-800);--color-primary-tint:var(--blue-100);--color-secondary:var(--teal-500);--color-secondary-hover:var(--teal-600);--color-secondary-tint:var(--teal-100);--color-accent:var(--mint-500);--color-accent-hover:var(--mint-600);--color-accent-tint:var(--mint-100);--color-danger:#d45b5b;--color-danger-tint:#fbe9e9;--node-new-bg:var(--neutral-100);--node-new-border:var(--neutral-300);--node-new-text:var(--neutral-600);--node-progress-bg:var(--teal-100);--node-progress-border:var(--teal-500);--node-progress-text:var(--teal-700);--node-mastered-bg:var(--mint-100);--node-mastered-border:var(--mint-500);--node-mastered-text:var(--mint-700);--link-inactive:var(--neutral-300);--link-active:var(--blue-600);--hero-gradient:linear-gradient(135deg,var(--blue-600) 0%,var(--teal-500) 55%,var(--mint-500) 100%);--font-display:"Varela Round",ui-rounded,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--text-display:400 48px/1.1 var(--font-display);--text-h1:400 36px/1.15 var(--font-display);--text-h2:400 28px/1.2 var(--font-display);--text-h3:400 22px/1.3 var(--font-display);--text-h4:400 18px/1.35 var(--font-display);--text-body-lg:400 18px/1.55 var(--font-body);--text-body:400 16px/1.55 var(--font-body);--text-body-sm:400 14px/1.5 var(--font-body);--text-caption:600 12px/1.4 var(--font-body);--text-button:600 15px/1 var(--font-body);--letter-caption:.04em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:var(--radius-sm);--radius-lg:var(--radius-sm);--radius-xl:var(--radius-sm);--radius-pill:var(--radius-sm);--shadow-card:0 2px 10px #10162b0f;--shadow-raised:0 6px 20px #10162b1a;--glow-primary:0 0 0 4px var(--blue-100),0 0 24px #3654e359;--glow-accent:0 0 0 4px var(--mint-100),0 0 24px #9fe6a68c;--glow-secondary:0 0 0 4px var(--teal-100),0 0 20px #5aa6c459;--ease-standard:cubic-bezier(.3,.9,.4,1);--duration-fast:.12s;--duration-standard:.2s;--border-width-accent:2px}@keyframes ds-shimmer-sweep{0%{background-position:100%}to{background-position:0%}}.ds-shimmer-text{background-image:linear-gradient(90deg,var(--color-text-faint) 30%,var(--color-primary) 45%,var(--color-accent-hover) 50%,var(--color-primary) 55%,var(--color-text-faint) 70%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite ds-shimmer-sweep}@keyframes ds-loader-dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes ds-loader-bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.ds-loader-dot{animation:1.2s cubic-bezier(.65,.05,.36,1) infinite ds-loader-dot}.ds-loader-bar-fill{animation:1.68s cubic-bezier(.65,.05,.36,1) infinite ds-loader-bar}@property --ds-copilot-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ds-copilot-border-spin{to{--ds-copilot-border-angle:360deg}}.ds-copilot-tip{padding:var(--border-width-accent);border-radius:var(--radius-lg);background:conic-gradient(from var(--ds-copilot-border-angle),var(--color-primary),var(--color-accent),var(--color-primary));box-shadow:var(--shadow-card);animation:3s linear infinite ds-copilot-border-spin}.ds-copilot-tip__content{border-radius:calc(var(--radius-lg) - var(--border-width-accent));background:var(--color-surface);height:100%;padding:var(--space-4) var(--space-5)}@keyframes ds-copilot-avatar-enter{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes ds-copilot-avatar-blink{0%,88%,to{transform:scaleY(1)}93%,97%{transform:scaleY(.07)}}.ds-copilot-avatar{isolation:isolate;background:radial-gradient(circle at 50% 45%,var(--blue-700) 0%,var(--blue-500) 42%,var(--blue-300) 72%,var(--blue-100) 100%);box-shadow:var(--glow-primary);animation:ds-copilot-avatar-enter var(--duration-standard) var(--ease-standard);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ds-copilot-avatar--sm{width:var(--space-8);height:var(--space-8)}.ds-copilot-avatar--md{width:var(--space-12);height:var(--space-12)}.ds-copilot-avatar--lg{width:var(--space-16);height:var(--space-16)}.ds-copilot-avatar__shine{background:radial-gradient(ellipse at 30% 24%,color-mix(in srgb,var(--color-text-inverse) 76%,transparent) 0%,color-mix(in srgb,var(--color-text-inverse) 12%,transparent) 48%,transparent 70%);position:absolute;inset:0}.ds-copilot-avatar__eyes{align-items:center;gap:var(--space-2);transform:translateY(calc(var(--space-1) * -.5));display:flex;position:relative}.ds-copilot-avatar__eye{width:var(--space-1);height:var(--space-2);background:var(--color-text-inverse);box-shadow:var(--shadow-card);transform-origin:50%;border-radius:50%;display:block}.ds-copilot-avatar--sm .ds-copilot-avatar__eye{height:calc(var(--space-2) - var(--border-width-accent))}.ds-copilot-avatar--lg .ds-copilot-avatar__eye{width:var(--space-2);height:var(--space-3)}.ds-copilot-avatar--lg .ds-copilot-avatar__eyes{gap:var(--space-3)}.ds-copilot-avatar__eye--blinking{animation:4.8s ease-in-out infinite ds-copilot-avatar-blink}.ds-student-list{color:var(--color-text);font:var(--text-body);min-width:0}.ds-student-list__header{align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);border-bottom:0;grid-template-columns:auto 1fr auto;display:grid}.ds-student-list__header-icon{background:var(--color-primary-tint);width:40px;height:40px;color:var(--color-primary);border-radius:50%;place-items:center;font-size:20px;display:grid}.ds-student-list__eyebrow,.ds-student-list__title{display:block}.ds-student-list__eyebrow{font:var(--text-caption);color:var(--color-text-muted);letter-spacing:var(--letter-caption);text-transform:uppercase}.ds-student-list__title{font:var(--text-h4)}.ds-student-list__count{border-radius:var(--radius-sm);background:var(--color-secondary-tint);min-width:32px;height:32px;color:var(--color-secondary-hover);font:var(--text-caption);place-items:center;display:grid}.ds-student-list__rows{border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);overflow:hidden}.ds-student-list__row,.ds-student-list__table-row,.ds-student-list__timeline-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ds-student-list__row:last-child,.ds-student-list__table-row:last-child,.ds-student-list__timeline-row:last-child{border-bottom:0}.ds-student-list__person{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ds-student-list__avatar{font:var(--text-caption);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.ds-student-list__avatar img{object-fit:cover;width:100%;height:100%}.ds-student-list__identity{flex-direction:column;min-width:0;display:flex}.ds-student-list__name{font:var(--text-body);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ds-student-list__role{font:var(--text-body-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-student-list__status{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font:var(--text-caption);color:var(--node-mastered-text);display:inline-flex}.ds-student-list__select{max-width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;display:block}.ds-student-list__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1)}.ds-student-list--grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ds-student-list__profile{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.ds-student-list--table{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.ds-student-list__table-head{gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);font:var(--text-caption);color:var(--color-text-muted);letter-spacing:var(--letter-caption);text-transform:uppercase;grid-template-columns:1fr auto;display:grid}.ds-student-list__table-row{grid-template-columns:1fr auto;display:grid}.ds-student-list--timeline{border-left:2px solid var(--color-primary-tint);margin-left:var(--space-5);position:relative}.ds-student-list__timeline-row{padding-left:var(--space-8);position:relative}.ds-student-list__timeline-marker{padding:var(--space-1);background:var(--color-bg);border-radius:50%;position:absolute;left:0;transform:translate(-50%)}.ds-student-list--horizontal{gap:var(--space-4);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.ds-student-list__horizontal-card{scroll-snap-align:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;flex:0 0 220px;display:flex}.ds-student-list__empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:220px;padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.ds-student-list__empty i{color:var(--color-primary);font-size:32px}.ds-student-list__empty strong{font:var(--text-h4)}.ds-student-list__empty span{font:var(--text-body-sm);color:var(--color-text-muted)}@media (width<=600px){.ds-student-list__row{align-items:flex-start}.ds-student-list__row>.ds-student-list__person{max-width:calc(100% - 44px)}.ds-student-list__row>.ds-student-list__person+.ds-student-list__select{flex:none}.ds-student-list__status{display:none}.ds-student-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-student-list__profile{padding:var(--space-4)}.ds-student-list__profile .ds-student-list__role{white-space:normal}.ds-student-list__timeline-row{padding-right:0}}@media (prefers-reduced-motion:reduce){.ds-shimmer-text,.ds-loader-dot,.ds-loader-bar-fill,.ds-copilot-tip,.ds-copilot-avatar,.ds-copilot-avatar__eye--blinking{animation:none}}body{background:var(--color-bg);color:var(--color-text);font:var(--text-body)}