@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;color-scheme:light;--bg: #eef4ff;--bg-elevated: rgba(255, 255, 255, .72);--bg-strong: #ffffff;--text: #10213a;--muted: #60708e;--border: rgba(148, 163, 184, .24);--shadow: 0 18px 60px rgba(37, 99, 235, .12);--primary: #2563eb;--secondary: #0ea5e9;--accent: #22c55e}:root[data-theme=dark]{color-scheme:dark;--bg: #07111f;--bg-elevated: rgba(10, 21, 39, .74);--bg-strong: #0d1a2f;--text: #eaf1ff;--muted: #99a9c9;--border: rgba(148, 163, 184, .18);--shadow: 0 20px 80px rgba(2, 6, 23, .45)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(34,197,94,.14),transparent 28%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.background-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.65;animation:float 10s ease-in-out infinite}.orb-primary{width:280px;height:280px;background:#2563eb4d;top:80px;right:-60px}.orb-secondary{width:220px;height:220px;background:#0ea5e93d;left:-40px;top:320px;animation-delay:1.8s}.orb-accent{width:200px;height:200px;background:#22c55e38;bottom:-20px;right:18%;animation-delay:3.2s}.topbar,.glass,.glass-inner{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-radius:28px;margin-bottom:24px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-logo,.hero-logo,.welcome-logo{display:block;object-fit:contain}.brand-logo{width:148px;max-width:40vw;filter:drop-shadow(0 12px 22px rgba(37,99,235,.16))}.topbar h1,.section-header h3,.panel-hero h2,.completion-panel h2,.fatal-state h2{margin:6px 0 0;line-height:1.1}.topbar h1{font-size:clamp(1.5rem,2vw,2.5rem);max-width:680px}.topbar-actions,.inline-row{display:flex;gap:12px;align-items:center}.main-layout{position:relative;z-index:1}.glass{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow)}.glass-inner{background:#ffffff0f;border:1px solid var(--border)}.fatal-state{max-width:720px;margin:8vh auto 0;padding:32px;border-radius:32px}.split-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:24px;border-radius:32px}.login-screen{min-height:calc(100vh - 180px)}.panel-hero,.panel-form,.content-panel,.metric-card{border-radius:28px}.panel-hero{padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#ffffff24,#2563eb0a),#ffffff08}.hero-brand-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(255,255,255,.42);box-shadow:0 20px 40px #2563eb24;margin-bottom:18px}.hero-logo{width:160px;max-width:50vw}.panel-form{padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--secondary);font-weight:700;margin:0}.muted,small{color:var(--muted)}.feature-grid,.input-grid,.form-grid,.upload-grid,.learning-grid,.quiz-stack,.insight-stack,.status-grid,.attempt-list{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.learning-card,.quiz-card,.table-card,.certificate-card,.upload-card,.welcome-card,.doc-item,.quiz-summary-card,.chart-card,.password-reset-card{border-radius:24px;padding:18px;background:#ffffff0f;border:1px solid var(--border)}.welcome-logo{width:138px;margin-bottom:14px;filter:drop-shadow(0 12px 22px rgba(37,99,235,.14))}.segmented-control{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);margin-bottom:24px}.wide-control{grid-template-columns:repeat(4,minmax(0,1fr))}.login-role-switch{margin-bottom:18px}.segmented-control button,.toggle-button,.ghost-button,.text-button,.primary-button,.secondary-button,.step-card,.upload-card,.quiz-option{transition:transform .18s ease,opacity .18s ease,background .18s ease}.segmented-control button{padding:10px 18px;border-radius:999px;background:transparent;color:var(--muted)}.segmented-control .active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.floating-field{position:relative;display:block;padding-bottom:22px}.floating-field input,.floating-field select{width:100%;border-radius:18px;border:1px solid var(--border);background:#ffffff14;padding:20px 72px 12px 16px;color:var(--text);outline:none}.field-toggle{position:absolute;right:14px;top:16px;background:transparent;color:var(--secondary);padding:0;font-size:.84rem}.floating-field span{position:absolute;left:16px;top:14px;font-size:.82rem;color:var(--muted);transition:all .16s ease;pointer-events:none}.floating-field input:focus,.floating-field select:focus{border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb29}.floating-field input:focus~span,.floating-field input:not(:placeholder-shown)~span,.floating-field select+span{top:8px;font-size:.7rem}.field-error{position:absolute;left:16px;bottom:0;color:#f87171;font-size:.76rem}.checkbox-row{display:flex;align-items:flex-start;gap:10px}.toggle-button,.ghost-button,.primary-button,.secondary-button{border-radius:18px;padding:12px 18px}.toggle-button,.ghost-button,.secondary-button{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.text-button{background:transparent;color:var(--secondary);padding:0}.text-button:hover{opacity:.82}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 14px 30px #2563eb3d}.secondary-button{background:linear-gradient(135deg,#0ea5e91f,#22c55e1f)}.button-stack{display:grid;gap:12px;margin-top:20px}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.step-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.upload-card:hover,.step-card:hover,.quiz-option:hover{transform:translateY(-1px) scale(1.01)}.toggle-track{display:inline-flex;width:42px;padding:3px;border-radius:999px;background:#ffffff1f}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));transition:transform .18s ease}.toggle-thumb.light{transform:translate(18px)}.experience-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.dashboard-sidebar,.content-panel{padding:20px;border-radius:30px}.stepper{display:grid;gap:12px;margin-top:18px}.step-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;text-align:left;border-radius:22px;padding:14px;background:#ffffff0d;border:1px solid var(--border);color:var(--text)}.step-card>span:last-child{min-width:0}.step-card strong,.step-card small{display:block}.step-card strong{margin-bottom:4px}.step-card small{line-height:1.35}.step-card.active{border-color:#2563eb80;background:#2563eb1a}.step-card.locked{opacity:.65}.step-dot,.status-pill,.success-chip,.ghost-chip,.score-chip,.completion-badge{display:inline-flex;align-items:center;justify-content:center}.step-dot{width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid var(--border)}.step-dot.complete,.success-chip,.completion-badge{background:#22c55e29;color:#2dd4bf}.progress-block{margin:18px 0}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.progress-bar.compact{height:8px;margin-top:12px}.panel-section{min-height:0;position:relative}.section-header{margin-bottom:18px}.step-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.step-progress-inline{min-width:220px;display:grid;gap:8px}.form-grid,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-list,.quiz-options{display:grid;gap:12px;margin-top:18px}.upload-card{text-align:left;color:var(--text);background:linear-gradient(135deg,#2563eb1f,#0ea5e90d),#ffffff0a;min-height:140px}.upload-card-static{display:grid;gap:12px;align-content:start}.upload-card.drag-active{border-color:#2563eb99;background:linear-gradient(135deg,#2563eb2e,#0ea5e914),#ffffff0f}.spread{justify-content:space-between}.button-chip{padding:8px 12px;border-radius:999px}.ghost-chip,.score-chip,.status-pill{border-radius:999px;padding:8px 12px;background:#ffffff14;border:1px solid var(--border)}.quiz-option{text-align:left;padding:14px;border-radius:18px;border:1px solid var(--border);background:#ffffff0f;color:var(--text)}.quiz-option.selected{border-color:#2563eb8c;background:#2563eb24}.quiz-option.correct-answer{border-color:#22c55e73}.feedback.success{color:var(--accent)}.feedback.error{color:#f87171}.result-banner{margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#ffffff0f}.result-banner.passed{background:#22c55e1f}.result-banner.failed{background:#ef44441f}.result-banner.pending{background:#0ea5e91a}.declaration{max-width:720px;margin-bottom:16px}.certificate-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.qr-visual{color:var(--text);width:132px;height:132px}.wizard-footer,.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.admin-layout,.admin-grid{display:grid;gap:24px}.analytics-grid,.insight-grid,.mini-chart{display:grid;gap:16px}.onboarding-banner,.empty-analytics-state{display:grid;gap:18px}.setup-grid,.analytics-grid,.insight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card{padding:18px}.admin-editor{display:grid;gap:16px;margin-bottom:20px}.help-card,.empty-state-card,.scenario-note,.feedback-card{display:grid;gap:8px}.learning-points{margin:0;padding-left:18px;display:grid;gap:8px}.learning-points li{color:var(--text)}.scenario-note{margin-top:12px;padding:12px 14px;border-radius:18px;background:#0ea5e914;border:1px solid var(--border)}.admin-side-stack,.timeline-list{display:grid;gap:16px}.timeline-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border)}.timeline-item:first-child{border-top:0;padding-top:0}.timeline-item strong{display:block;margin-bottom:4px}.mini-chart{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));align-items:end;min-height:180px}.mini-chart-item{display:grid;gap:8px;text-align:center}.mini-chart-bar-wrap{display:flex;align-items:end;justify-content:center;height:110px}.mini-chart-bar{width:28px;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,var(--secondary),var(--primary));box-shadow:0 10px 24px #2563eb33}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}td small{display:block;margin-top:4px}.table-row-clickable{cursor:pointer;transition:background .16s ease}.table-row-clickable:hover,.table-row-clickable:focus-visible{background:#2563eb14;outline:none}.selected-row{background:#2563eb1f}.table-actions,.table-progress,.doc-preview-list{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-progress{min-width:150px;flex-direction:column;align-items:flex-start}.danger-text{color:#f87171}.toast{position:fixed;right:24px;top:24px;padding:14px 18px;border-radius:18px;background:#0f172aeb;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);z-index:3}.rich-toast{display:flex;gap:12px;align-items:center}.toast-button{padding:8px 12px}.error-toast{top:92px;background:#7f1d1df0}.hidden-input{display:none}.wrap{flex-wrap:wrap}.inline-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.status-banner{position:relative;z-index:1;margin-bottom:16px;padding:12px 16px;border-radius:18px;border:1px solid var(--border)}.status-banner.success{background:#22c55e1f}.status-banner.warning{background:#f59e0b1f}.skeleton-block{border-radius:20px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:shimmer 1.4s linear infinite;min-height:20px}.skeleton-title{height:40px;width:56%}.skeleton-line{height:18px;width:42%}.skeleton-input{height:64px;width:100%;margin-top:12px}.skeleton-button{height:48px;width:220px;margin-top:18px}.skeleton-card{min-height:160px}.skeleton-card.tall{min-height:360px}.celebration-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.burst-dot{position:absolute;width:12px;height:12px;border-radius:999px;left:50%;top:38%;animation:burst 1.4s ease-out forwards;animation-delay:var(--delay)}.burst-0{background:#22c55e}.burst-1{background:#0ea5e9}.burst-2{background:#f59e0b}.burst-3{background:#fff}.burst-dot:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-80px)}.burst-dot:nth-child(2){transform:translate(-50%,-50%) rotate(25deg) translateY(-84px)}.burst-dot:nth-child(3){transform:translate(-50%,-50%) rotate(50deg) translateY(-86px)}.burst-dot:nth-child(4){transform:translate(-50%,-50%) rotate(75deg) translateY(-88px)}.burst-dot:nth-child(5){transform:translate(-50%,-50%) rotate(100deg) translateY(-86px)}.burst-dot:nth-child(6){transform:translate(-50%,-50%) rotate(125deg) translateY(-84px)}.burst-dot:nth-child(7){transform:translate(-50%,-50%) rotate(150deg) translateY(-82px)}.burst-dot:nth-child(8){transform:translate(-50%,-50%) rotate(175deg) translateY(-80px)}.burst-dot:nth-child(9){transform:translate(-50%,-50%) rotate(200deg) translateY(-82px)}.burst-dot:nth-child(10){transform:translate(-50%,-50%) rotate(225deg) translateY(-84px)}.burst-dot:nth-child(11){transform:translate(-50%,-50%) rotate(250deg) translateY(-86px)}.burst-dot:nth-child(12){transform:translate(-50%,-50%) rotate(275deg) translateY(-88px)}.burst-dot:nth-child(13){transform:translate(-50%,-50%) rotate(300deg) translateY(-84px)}.burst-dot:nth-child(14){transform:translate(-50%,-50%) rotate(325deg) translateY(-82px)}.chart-track{height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--accent))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes burst{0%{opacity:0;scale:.4}20%{opacity:1}to{opacity:0;scale:1}}@media (max-width: 1100px){.split-panel,.experience-grid,.admin-grid,.feature-grid,.admin-summary-row{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{padding:12px}.topbar{padding:14px;border-radius:20px;gap:12px}.brand-lockup{gap:12px}.topbar-actions{flex-shrink:0}.brand-text h1{font-size:1.15rem}.brand-text .eyebrow{font-size:.65rem;letter-spacing:.1em}.split-panel,.dashboard-sidebar,.content-panel,.panel-form{padding:16px;border-radius:20px}.panel-hero{padding:20px 16px;border-radius:20px}.form-grid,.upload-grid{grid-template-columns:1fr}.toolbar,.wizard-footer,.certificate-card,.step-overview{flex-direction:column;align-items:stretch}.wide-control{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.brand-text{display:none}.feature-grid{gap:12px}.feature-card{padding:14px}.hero-logo{max-width:65vw}}