:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--brand-teal-900: #0b3d3a;--brand-teal-700: #0f4f4a;--brand-teal-600: #146861;--brand-teal-500: #1a7d74;--brand-gold-500: #ffb400;--brand-gold-600: #e6a200;--brand-gold-100: #fff3d6;--color-bg: #f6f9f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #dde5e2;--color-border-strong: #c3cfca;--color-text: #10201d;--color-text-secondary: #4d615c;--color-text-muted: #7c8d88;--color-link: var(--brand-teal-600);--color-primary: var(--brand-teal-700);--color-primary-hover: var(--brand-teal-900);--color-primary-contrast: #ffffff;--color-accent: var(--brand-gold-500);--color-accent-contrast: #231700;--color-success: #1f8a5f;--color-success-bg: #e3f6ec;--color-warning: #9a6b00;--color-warning-bg: #fff3d6;--color-danger: #c0392b;--color-danger-bg: #fdecea;--color-info: #1c5fa8;--color-info-bg: #e8f1fb;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(11, 61, 58, .06);--shadow-md: 0 4px 16px rgba(11, 61, 58, .1);--shadow-lg: 0 12px 32px rgba(11, 61, 58, .16);--focus-ring: 0 0 0 3px rgba(26, 125, 116, .35);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0a1715;--color-surface: #11211e;--color-surface-raised: #152b27;--color-border: #223c37;--color-border-strong: #2d4f48;--color-text: #eaf6f3;--color-text-secondary: #a9c2bc;--color-text-muted: #7f9792;--color-link: #5fd3c4;--color-primary: #2e9c8f;--color-primary-hover: #42b6a7;--color-primary-contrast: #06130f;--color-accent: #ffc94d;--color-accent-contrast: #231700;--color-success: #3ddc97;--color-success-bg: #103527;--color-warning: #ffcf5c;--color-warning-bg: #3a2c04;--color-danger: #ff8a7a;--color-danger-bg: #3a1613;--color-info: #7db8f5;--color-info-bg: #102a44;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a1715;--color-surface: #11211e;--color-surface-raised: #152b27;--color-border: #223c37;--color-border-strong: #2d4f48;--color-text: #eaf6f3;--color-text-secondary: #a9c2bc;--color-text-muted: #7f9792;--color-link: #5fd3c4;--color-primary: #2e9c8f;--color-primary-hover: #42b6a7;--color-primary-contrast: #06130f;--color-accent: #ffc94d;--color-accent-contrast: #231700;--color-success: #3ddc97;--color-success-bg: #103527;--color-warning: #ffcf5c;--color-warning-bg: #3a2c04;--color-danger: #ff8a7a;--color-danger-bg: #3a1613;--color-info: #7db8f5;--color-info-bg: #102a44;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);color:var(--color-text-secondary)}a{color:var(--color-link)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000}.skip-link:focus{left:var(--space-3);top:var(--space-3)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-shell__header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;position:sticky;top:0;z-index:50}.app-shell__brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.05rem;color:var(--color-text);text-decoration:none;flex-shrink:0}.app-shell__brand img{height:28px;width:28px}.app-shell__nav{display:flex;gap:var(--space-5);flex-wrap:wrap;flex:1}.app-shell__nav a{text-decoration:none;color:var(--color-text-secondary);font-size:.95rem;font-weight:600;padding:var(--space-2) 0;border-bottom:2px solid transparent}.app-shell__nav a.active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.app-shell__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.app-shell__main{flex:1;padding:var(--space-5);max-width:980px;margin:0 auto;width:100%}.app-shell__main--wide{max-width:1200px}@media (max-width: 640px){.app-shell__header,.app-shell__main{padding:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:600;font-size:.95rem;padding:.6rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;min-height:42px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--accent{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg)}.btn--sm{padding:.35rem .75rem;font-size:.85rem;min-height:32px}.btn--block{width:100%}.field{margin-bottom:var(--space-4)}.field__label{display:block;font-weight:600;font-size:.9rem;margin-bottom:var(--space-2);color:var(--color-text)}.field__input,.field__select,.field__textarea{width:100%;font:inherit;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);min-height:42px}.field__textarea{min-height:90px;resize:vertical}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.field__error{color:var(--color-danger);font-size:.85rem;margin-top:var(--space-2)}.field__hint{color:var(--color-text-muted);font-size:.85rem;margin-top:var(--space-2)}.field--invalid .field__input{border-color:var(--color-danger)}fieldset{border:none;padding:0;margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card__body{padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row--between{justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.stat-tile__label{font-size:.82rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2)}.stat-tile__value{font-size:1.9rem;font-weight:800;color:var(--color-text)}.stat-tile__sub{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--space-1)}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.progress-ring__value{position:absolute;font-weight:700;font-size:.85rem;color:var(--color-text)}.bar-chart{display:flex;flex-direction:column;gap:var(--space-3)}.bar-chart__row{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:var(--space-3)}.bar-chart__label{font-size:.88rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart__track{background:var(--color-bg);border-radius:999px;height:10px;overflow:hidden}.bar-chart__fill{height:100%;background:linear-gradient(90deg,var(--brand-teal-500),var(--color-accent));border-radius:999px}.bar-chart__pct{font-size:.85rem;font-weight:700;text-align:right}@media (max-width: 560px){.bar-chart__row{grid-template-columns:90px 1fr 40px}}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}table.table{width:100%;border-collapse:collapse;font-size:.92rem}table.table th,table.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}table.table th{background:var(--color-bg);color:var(--color-text-secondary);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}table.table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-secondary)}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-3)}.empty-state__title{font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 37%,var(--color-border) 63%);background-size:400% 100%;animation:skeleton-wave 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton--text{height:.9em;margin-bottom:var(--space-2)}.skeleton--block{height:96px}@keyframes skeleton-wave{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:calc(100vw - 2rem)}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-info);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);min-width:260px;display:flex;align-items:flex-start;gap:var(--space-2)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast__dismiss{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1rem;line-height:1}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a171580;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:900}.dialog{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:480px;width:100%;padding:var(--space-5)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.dropdown{position:relative}.dropdown__trigger{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;cursor:pointer;color:var(--color-text);font:inherit;font-weight:600;font-size:.88rem}.dropdown__menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;padding:var(--space-2);z-index:100}.dropdown__item{display:block;width:100%;text-align:left;background:none;border:none;font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);text-decoration:none}.dropdown__item:hover{background:var(--color-bg)}.dropdown__item--active{color:var(--color-primary);font-weight:700}.dropdown__divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.help-box{margin-top:var(--space-5)}.help-box__toggle{background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.5rem .75rem;cursor:pointer;color:var(--color-text);font:inherit;display:inline-flex;align-items:center;gap:var(--space-2)}.help-box__content{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-info-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.walkthrough{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.walkthrough__step-count{font-size:.8rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.walkthrough__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr}@media (min-width: 860px){.auth-layout{grid-template-columns:1fr 1fr}}.auth-layout__brand{display:none;background:var(--brand-teal-900);color:#f2fbf8;padding:var(--space-8);flex-direction:column;justify-content:center;gap:var(--space-4)}@media (min-width: 860px){.auth-layout__brand{display:flex}}.auth-layout__brand h2{color:#fff;font-size:1.6rem}.auth-layout__brand p{color:#cfe6e1}.auth-layout__form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.auth-card{width:100%;max-width:420px}.auth-card__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-weight:700;font-size:1.1rem}.auth-card__logo img{height:32px;width:32px}.auth-card__footer{margin-top:var(--space-5);font-size:.9rem;color:var(--color-text-secondary);text-align:center}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.92rem}.banner--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.banner--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.banner--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.quiz-progress{height:8px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-bottom:var(--space-5)}.quiz-progress__fill{height:100%;background:var(--color-primary);transition:width .25s ease}.quiz-option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;margin-bottom:var(--space-3);font:inherit;color:var(--color-text)}.quiz-option:hover{border-color:var(--color-primary)}.quiz-option--selected{border-color:var(--color-primary);background:var(--color-info-bg)}.quiz-option--correct{border-color:var(--color-success);background:var(--color-success-bg)}.quiz-option--incorrect{border-color:var(--color-danger);background:var(--color-danger-bg)}.certificate{background:var(--color-surface);border:3px double var(--brand-gold-500);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;max-width:720px;margin:0 auto}.certificate__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--color-text-muted);font-weight:700}.certificate__name{font-size:2rem;font-weight:800;color:var(--brand-teal-900);margin:var(--space-3) 0}:root[data-theme=dark] .certificate__name{color:var(--color-accent)}.certificate__course{font-size:1.2rem;font-weight:700;color:var(--color-text)}.certificate__meta{margin-top:var(--space-5);font-size:.85rem;color:var(--color-text-muted)}.certificate__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}@media print{.no-print{display:none!important}.app-shell__header{display:none}body{background:#fff}}.menu-items-count{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-header__title h1{margin-bottom:var(--space-1)}.page-header__title p{margin-bottom:0}.onboarding-steps{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.onboarding-step{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:700;color:var(--color-text-muted)}.onboarding-step--active{color:var(--color-primary)}.onboarding-step--done{color:var(--color-success)}dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0}dl dt{color:var(--color-text-muted);font-size:.85rem}dl dd{margin:0;font-weight:600}.onboarding-step__dot{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg);border:2px solid currentColor;font-size:.75rem}.legal-footer{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;padding:var(--space-4) var(--space-5);margin-top:auto;border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.legal-footer a{color:var(--color-text-secondary)}.legal-footer--auth{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding:var(--space-4) 0 0;justify-content:flex-start;gap:var(--space-3)}.legal-doc h3{margin-top:var(--space-5)}.legal-doc h3:first-child{margin-top:0}.legal-doc h4{margin-top:var(--space-4)}.legal-doc p,.legal-doc ul{color:var(--color-text-secondary)}.legal-doc ul{padding-left:1.25rem}.legal-consent{align-items:flex-start}.legal-consent input[type=checkbox]{margin-top:.2rem}