@charset "UTF-8";:root{--sp-primary: #2563eb;--sp-primary-dark: #1d4ed8;--sp-primary-soft: rgba(37, 99, 235, .08);--sp-accent: #7c3aed;--sp-accent-soft: rgba(124, 58, 237, .08);--sp-success: #22c55e;--sp-success-soft: rgba(34, 197, 94, .12);--sp-warning: #f59e0b;--sp-warning-soft: rgba(245, 158, 11, .12);--sp-danger: #ef4444;--sp-danger-soft: rgba(239, 68, 68, .1);--sp-bg: #f8fafc;--sp-surface: #ffffff;--sp-surface-raised: #ffffff;--sp-text: #0f172a;--sp-text-secondary: #64748b;--sp-border: #e2e8f0;--sp-border-strong: #cbd5e1;--sp-space-1: 8px;--sp-space-2: 16px;--sp-space-3: 24px;--sp-space-4: 32px;--sp-space-5: 40px;--sp-space-6: 48px;--sp-space-8: 64px;--sp-space-10: 80px;--sp-radius-sm: 12px;--sp-radius-md: 16px;--sp-radius-lg: 24px;--sp-radius-full: 999px;--sp-max-width: 75rem;--sp-header-height: 64px;--sp-admin-sidebar: 260px;--sp-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sp-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--sp-text-xs: .75rem;--sp-text-sm: .875rem;--sp-text-base: 1rem;--sp-text-lg: 1.125rem;--sp-text-xl: 1.25rem;--sp-text-2xl: 1.5rem;--sp-text-3xl: 1.875rem;--sp-text-4xl: 2.25rem;--sp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--sp-shadow-md: 0 4px 24px rgba(15, 23, 42, .06);--sp-shadow-lg: 0 16px 48px rgba(15, 23, 42, .1);--sp-ease: cubic-bezier(.4, 0, .2, 1);--sp-duration: .2s;--mat-sys-primary: var(--sp-primary);--mat-sys-on-primary: #ffffff;--mat-sys-surface: var(--sp-surface);--mat-sys-on-surface: var(--sp-text);--mat-sys-outline: var(--sp-border)}@media(prefers-reduced-motion:reduce){:root{--sp-duration: 0ms}}.mat-mdc-card{border-radius:var(--sp-radius-lg)!important;border:1px solid var(--sp-border)!important;box-shadow:var(--sp-shadow-sm)!important;background:var(--sp-surface)!important}.mat-mdc-card-content{font-size:var(--sp-text-base);color:var(--sp-text-secondary)}.mat-mdc-card-title{font-size:var(--sp-text-lg)!important;font-weight:700!important;color:var(--sp-text)!important}.mat-mdc-tab-group{font-family:var(--sp-font)}.mat-mdc-tab-header{border-bottom:1px solid var(--sp-border)}.mat-mdc-form-field{font-family:var(--sp-font);width:100%}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button,.mat-mdc-raised-button{font-family:var(--sp-font)!important;font-weight:600!important;border-radius:12px!important}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary{--mdc-filled-button-container-color: var(--sp-primary);--mdc-filled-button-label-text-color: #fff;box-shadow:0 4px 14px #2563eb40}.mat-mdc-outlined-button:not(:disabled){border-color:var(--sp-border)!important}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--sp-primary);--mdc-linear-progress-track-color: var(--sp-bg);border-radius:var(--sp-radius-full);height:8px!important}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--sp-primary)}.mat-mdc-chip{font-family:var(--sp-font)!important;font-weight:600!important}.mat-mdc-table{font-family:var(--sp-font);background:var(--sp-surface);border-radius:var(--sp-radius-lg);border:1px solid var(--sp-border);overflow:hidden}.mat-mdc-header-row{background:var(--sp-bg)!important}.mat-mdc-header-cell{font-size:var(--sp-text-xs)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-secondary)!important;border-bottom-color:var(--sp-border)!important}.mat-mdc-cell{border-bottom-color:var(--sp-border)!important;color:var(--sp-text)}.mat-mdc-row:hover .mat-mdc-cell{background:#2563eb08}.mat-mdc-dialog-container{border-radius:var(--sp-radius-lg)!important}.mat-toolbar.mat-primary{background:var(--sp-surface)!important;color:var(--sp-text)!important;border-bottom:1px solid var(--sp-border);font-family:var(--sp-font)}.mat-drawer{background:var(--sp-surface)!important;border-right:1px solid var(--sp-border)!important}.mat-mdc-list-item{font-family:var(--sp-font)!important;border-radius:var(--sp-radius-sm)!important;margin:4px 8px!important;width:calc(100% - 16px)!important}.mat-mdc-list-item.active,a.active.mat-mdc-list-item{background:var(--sp-primary-soft)!important;color:var(--sp-primary)!important;font-weight:600}.mat-mdc-menu-panel.sp-create-assessment-menu{--mat-menu-container-color: var(--sp-surface);--mat-menu-container-shape: 12px;min-width:18.5rem!important;max-width:22rem!important;margin-top:6px!important;background-color:var(--sp-surface)!important;border:1px solid var(--sp-border)!important;border-radius:12px!important;box-shadow:0 12px 32px #0f172a1f!important;overflow:hidden}.mat-mdc-menu-panel.sp-create-assessment-menu .mat-mdc-menu-content{padding:0!important;background-color:var(--sp-surface)!important}.sp-create-menu__header{padding:12px 14px 10px;border-bottom:1px solid var(--sp-border);background-color:var(--sp-bg)}.sp-create-menu__eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-text-secondary)}.sp-create-menu__subtitle{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--sp-text-secondary)}.sp-create-menu__list{padding:6px;background-color:var(--sp-surface)}.mat-mdc-menu-panel.sp-create-assessment-menu .sp-create-menu__option.mat-mdc-menu-item{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:auto!important;height:auto!important;padding:10px!important;border-radius:8px!important;white-space:normal!important;line-height:1.35!important;background-color:var(--sp-surface)!important}.mat-mdc-menu-panel.sp-create-assessment-menu .sp-create-menu__option.mat-mdc-menu-item:hover,.mat-mdc-menu-panel.sp-create-assessment-menu .sp-create-menu__option.mat-mdc-menu-item.cdk-keyboard-focused{background-color:var(--sp-primary-soft)!important}.mat-mdc-menu-panel.sp-create-assessment-menu .sp-create-menu__option .mat-mdc-menu-item-text{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%}.sp-create-menu__option-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:8px;background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-primary)}.sp-create-menu__option-body{display:grid;gap:2px;min-width:0}.sp-create-menu__option-label{font-size:13px;font-weight:700;color:var(--sp-text)}.sp-create-menu__option-desc{font-size:11px;font-weight:500;color:var(--sp-text-secondary);line-height:1.4}.sp-page{max-width:var(--sp-max-width);margin:0 auto;padding:var(--sp-space-4) var(--sp-space-3);min-height:calc(100vh - var(--sp-header-height))}.sp-page--narrow{max-width:40rem}.sp-page--player{max-width:none;padding:var(--sp-space-3)}.sp-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--sp-space-3);margin-bottom:var(--sp-space-4)}.sp-page-header h1{margin:0;font-size:clamp(1.75rem,3vw,var(--sp-text-3xl));font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--sp-text)}.sp-page-subtitle{margin:var(--sp-space-1) 0 0;font-size:var(--sp-text-lg);color:var(--sp-text-secondary);line-height:1.5}.sp-page-actions{display:flex;flex-wrap:wrap;gap:var(--sp-space-1);align-items:center}.sp-section{margin-bottom:var(--sp-space-5)}.sp-section-title{margin:0 0 var(--sp-space-3);font-size:var(--sp-text-xl);font-weight:700;letter-spacing:-.02em}.sp-grid{display:grid;gap:var(--sp-space-2)}.sp-grid--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sp-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sp-grid--4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sp-hero-grid{display:grid;gap:var(--sp-space-2);margin-bottom:var(--sp-space-4)}@media(min-width:768px){.sp-hero-grid{grid-template-columns:2fr 1fr}}.sp-stat-value{font-size:var(--sp-text-3xl);font-weight:800;letter-spacing:-.03em;color:var(--sp-text);margin:0;line-height:1.2}.sp-stat-label{font-size:var(--sp-text-sm);font-weight:600;color:var(--sp-text-secondary)}.sp-hint{font-size:var(--sp-text-sm);color:var(--sp-text-secondary);margin:var(--sp-space-1) 0 0}.sp-card-highlight{border-color:#2563eb40!important;background:linear-gradient(180deg,var(--sp-primary-soft),var(--sp-surface))!important}.sp-list{list-style:none;padding:0;margin:0}.sp-list li{padding:var(--sp-space-2) 0;border-bottom:1px solid var(--sp-border)}.sp-list li:last-child{border-bottom:none}.sp-list a{color:var(--sp-primary);font-weight:600;text-decoration:none}.sp-list a:hover{text-decoration:underline}.sp-progress-row{display:grid;grid-template-columns:1fr 3fr auto;gap:var(--sp-space-2);align-items:center;margin:var(--sp-space-1) 0;font-size:var(--sp-text-sm)}.sp-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--sp-radius-full);font-size:var(--sp-text-xs);font-weight:700;letter-spacing:.02em}.sp-chip--success{background:var(--sp-success-soft);color:#15803d}.sp-chip--warning{background:var(--sp-warning-soft);color:#b45309}.sp-chip--danger{background:var(--sp-danger-soft);color:#b91c1c}.sp-chip--neutral{background:var(--sp-bg);color:var(--sp-text-secondary);border:1px solid var(--sp-border)}.sp-chip--primary{background:var(--sp-primary-soft);color:var(--sp-primary)}.sp-pass{color:#15803d;font-weight:700}.sp-fail{color:#b91c1c;font-weight:700}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-skeleton{position:relative;overflow:hidden;background-color:#e8edf3;border:1px solid #dde4ed;border-radius:8px}.sp-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 45%,transparent 100%);transform:translate(-100%);animation:sp-shimmer 1.4s ease-in-out infinite}@keyframes sp-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.sp-skeleton:after{animation:none;display:none}}.sp-auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-space-4);background:radial-gradient(ellipse 70% 55% at 12% 0%,rgba(37,99,235,.14),transparent 55%),radial-gradient(ellipse 55% 45% at 95% 100%,rgba(37,99,235,.08),transparent 50%),linear-gradient(180deg,#eef4ff 0%,var(--sp-bg) 42%,#f1f5f9 100%)}.sp-auth-card{position:relative;width:min(100%,26rem);padding:var(--sp-space-5) var(--sp-space-4);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-lg);transition:opacity var(--sp-duration) var(--sp-ease)}.sp-auth-card--busy{opacity:.92;pointer-events:none}.sp-auth-brand{display:flex;justify-content:center;margin-bottom:var(--sp-space-3);--sp-logo-height: 36px}.sp-auth-header{text-align:center;margin-bottom:var(--sp-space-4)}.sp-auth-card h1{margin:0 0 var(--sp-space-1);font-size:var(--sp-text-2xl);font-weight:800;letter-spacing:-.03em;color:var(--sp-text)}.sp-auth-card .sp-auth-lead{margin:0 0 var(--sp-space-4);color:var(--sp-text-secondary);font-size:var(--sp-text-base);line-height:1.5}.sp-auth-header .sp-auth-lead{margin-bottom:0}.sp-auth-form{display:grid;gap:4px}.sp-auth-form .mat-mdc-form-field{--mdc-outlined-text-field-container-shape: 12px;--mdc-outlined-text-field-outline-color: var(--sp-border-strong);--mdc-outlined-text-field-hover-outline-color: #94a3b8;--mdc-outlined-text-field-focus-outline-color: var(--sp-primary);--mdc-outlined-text-field-label-text-color: var(--sp-text-secondary);--mdc-outlined-text-field-input-text-color: var(--sp-text)}.sp-auth-form .mat-mdc-form-field-subscript-wrapper{margin-bottom:0}.sp-auth-submit{width:100%;min-height:48px;margin-top:var(--sp-space-2);display:inline-flex!important;align-items:center;justify-content:center;gap:10px;font-size:var(--sp-text-base)!important}.sp-auth-submit .sp-loading-spinner--inverse,.sp-auth-submit .mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: #fff}.sp-auth-submit:disabled{opacity:.85}.sp-auth-footer{margin-top:var(--sp-space-3);text-align:center;font-size:var(--sp-text-sm);color:var(--sp-text-secondary)}.sp-auth-footer+.sp-auth-footer{margin-top:var(--sp-space-2)}.sp-auth-footer a{color:var(--sp-primary);font-weight:600;text-decoration:none}.sp-auth-footer a:hover{text-decoration:underline;text-underline-offset:2px}.sp-admin-content{padding:var(--sp-space-4);max-width:var(--sp-max-width)}.sp-admin-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sp-space-2);margin-bottom:var(--sp-space-4)}.sp-admin-page-header h1{margin:0;font-size:var(--sp-text-2xl);font-weight:800;letter-spacing:-.03em}.sp-dash-section{margin-bottom:var(--sp-space-4)}.sp-dash-section__head{margin-bottom:var(--sp-space-2)}.sp-dash-section__head h2{margin:0;font-size:var(--sp-text-xl);font-weight:700;letter-spacing:-.02em;color:var(--sp-text)}.sp-dash-section__head p{margin:4px 0 0;font-size:var(--sp-text-sm);color:var(--sp-text-secondary);line-height:1.45;max-width:42rem}.sp-table-wrap{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);overflow:auto;background:var(--sp-surface);box-shadow:var(--sp-shadow-sm)}.sp-table-wrap table{width:100%}.sp-table-wrap a{color:var(--sp-primary);font-weight:600;text-decoration:none}.sp-table-wrap a:hover{text-decoration:underline}@media(max-width:767px){.sp-page{padding:var(--sp-space-3) var(--sp-space-2)}.sp-page-header{flex-direction:column}}.sp-ws-grid{display:grid;gap:6px}.sp-ws-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-ws-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-ws-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-ws-span-2{grid-column:1/-1}@media(min-width:1440px){.sp-ws-grid--3{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.sp-ws-grid--2,.sp-ws-grid--3,.sp-ws-grid--4{grid-template-columns:1fr}}.sp-input,.sp-textarea,.sp-select{width:100%;min-height:32px;padding:5px 8px;font-family:var(--sp-font);font-size:13px;font-weight:500;color:var(--sp-text);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:6px;transition:border-color .12s ease,box-shadow .12s ease}.sp-input:hover,.sp-textarea:hover,.sp-select:hover{border-color:var(--sp-border-strong)}.sp-input:focus,.sp-textarea:focus,.sp-select:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px #2563eb1f}.sp-textarea{min-height:3.5rem;resize:vertical;line-height:1.4}.sp-textarea--grow{resize:none;overflow:hidden}.sp-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2rem}.sp-toast{font-family:var(--sp-font)!important;font-weight:600!important;border-radius:var(--sp-radius-sm)!important}.sp-toast--success{--mdc-snackbar-container-color: #15803d;--mdc-snackbar-supporting-text-color: #fff}.sp-toast--error{--mdc-snackbar-container-color: #b91c1c;--mdc-snackbar-supporting-text-color: #fff}html{margin:0;height:auto;min-height:100vh;background:var(--sp-bg);overflow-x:hidden;overflow-y:auto}body{margin:0;height:auto;min-height:100vh;font-family:var(--sp-font);font-size:var(--sp-text-base);line-height:1.6;background:var(--sp-bg);color:var(--sp-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}sp-root,router-outlet{display:block}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*:focus-visible{outline:2px solid var(--sp-primary);outline-offset:2px}a{color:var(--sp-primary)}