:root{color-scheme:light;--page-bg: #fbf2e6;--surface-1: #ffffff;--surface-2: #f2e8d8;--text-primary: #2b2320;--text-secondary: #7a6f62;--text-muted: #7a6f62;--border: #f2e8d8;--gridline: #f2e8d8;--baseline: #e7d9c2;--series-1: #7a2aa3;--series-2: #c98a2c;--series-3: #4d7358;--series-4: #8a5a3d;--composition-1: #2f80ed;--composition-2: #ff6b35;--composition-3: #12b76a;--composition-4: #d99a00;--composition-5: #e87ba4;--composition-6: #4a3aa7;--composition-7: #e34948;--composition-8: #1baf7a;--accent: #7a2aa3;--accent-strong: #5c1f7d;--accent-2: #7a2aa3;--status-good: #4d7358;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}:root{--pastel-tint: color-mix(in srgb, var(--accent) 14%, var(--surface-1));--hero-gradient: linear-gradient(135deg, var(--accent), var(--accent-2))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Nunito Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page-bg);color:var(--text-primary)}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-nav{display:flex;align-items:center;gap:24px;padding:12px 32px;background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap}.top-nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:24px;color:var(--text-primary);flex-shrink:0}.top-nav-brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;flex-shrink:0}.top-nav-tabs{display:flex;gap:6px;flex-wrap:wrap}.nav-pill{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;color:var(--text-secondary);white-space:nowrap}.nav-pill:hover{background:var(--surface-2)}.nav-pill.active{background:var(--text-primary);color:var(--surface-1)}.top-nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.main-content{flex:1;padding:28px 32px;max-width:1320px;width:100%;margin:0 auto}.hero-banner{display:flex;align-items:center;gap:18px;background:var(--hero-gradient);border-radius:16px;padding:24px 28px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent)}.hero-icon{width:96px;height:96px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 16px #82c8ff8c}.hero-icon img{display:block;width:100%;height:100%;object-fit:cover}.hero-greeting{font-size:22px;font-weight:700;margin:0 0 4px;color:#fff}.hero-tagline{margin:0 0 10px;color:#ffffffe6;font-size:13px}.hero-greeting-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:4px}.hero-greeting-row .hero-greeting{margin:0}.hero-paths{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.hero-path-pill{background:#ffffff38;color:#fff;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}.earned-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.earned-badges .training-badge{border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 6px #0003}.hero-ring{--ring-percent: 0%;position:relative;width:96px;height:96px;border-radius:50%;background:conic-gradient(#ffffff var(--ring-percent),rgba(255,255,255,.25) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.hero-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--accent-strong)}.hero-ring span{position:relative;z-index:1;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:24px;color:#fff}.category-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.category-dot.series-1{background:var(--series-1)}.category-dot.series-2{background:var(--series-2)}.category-dot.series-3{background:var(--series-3)}.category-dot.series-4{background:var(--series-4)}.training-badge{border-radius:50%;flex-shrink:0;object-fit:cover}.shield-badge{flex-shrink:0;border-radius:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.earned-badges .shield-badge{border:none;box-shadow:none}.vendor-logo{flex-shrink:0;margin-right:8px}.training-badge-fallback{display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.training-badge-fallback.series-1{background:var(--series-1)}.training-badge-fallback.series-2{background:var(--series-2)}.training-badge-fallback.series-3{background:var(--series-3)}.training-badge-fallback.series-4{background:var(--series-4)}.medal-gold{background:linear-gradient(135deg,#f7dd8f,#d4a017);color:#3a2a00;box-shadow:0 0 0 3px color-mix(in srgb,#d4a017 30%,transparent),0 2px 6px color-mix(in srgb,#d4a017 40%,transparent)}.medal-silver{background:linear-gradient(135deg,#eaeaea,#a8a8a8);color:#2c2c2c;box-shadow:0 0 0 3px color-mix(in srgb,#a8a8a8 30%,transparent)}.medal-bronze{background:linear-gradient(135deg,#e0ac82,#b56a3c);color:#3a1f0d;box-shadow:0 0 0 3px color-mix(in srgb,#b56a3c 30%,transparent)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.course-card{position:relative;background:var(--surface-1);border:none;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;overflow:hidden;box-shadow:0 10px 24px color-mix(in srgb,var(--text-primary) 14%,transparent);transition:transform .15s ease,box-shadow .15s ease}.course-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px color-mix(in srgb,var(--text-primary) 20%,transparent)}.course-card-clickable{cursor:pointer}.course-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.course-card-top .category-label{display:flex;align-items:center}.course-card-header{display:flex;align-items:center;gap:10px}.course-card-title{font-size:17px;font-weight:800;line-height:1.3;color:var(--text-primary)}.course-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-secondary)}.course-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.cert-upload-row{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}.cert-upload-row input[type=file]{font-size:12px;color:var(--text-secondary)}.cert-upload-actions{display:flex;gap:8px}.cert-upload-actions .btn{flex:1}.page-title{font-size:22px;font-weight:700;margin:0 0 20px}.card{background:var(--surface-1);border:none;border-radius:18px;padding:28px;box-shadow:none}.card+.card,.card+.side-by-side,.side-by-side+.card,.side-by-side+.side-by-side{margin-top:24px}.side-by-side>.card+.card{margin-top:0}.card-title{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.chart-card{position:relative;overflow:hidden;box-shadow:none;transition:none;display:flex;flex-direction:column}.chart-card>svg{display:block;width:100%;flex:1;min-height:240px}.composition-bar{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px}.composition-track{display:flex;gap:2px;height:40px;border-radius:20px;overflow:hidden;background:var(--surface-1)}.composition-segment{transition:opacity .15s ease}.composition-legend{display:flex;flex-direction:column;gap:10px}.composition-legend-item{display:flex;align-items:center;gap:10px;font-size:13px;transition:opacity .15s ease}.composition-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.composition-legend-label{font-weight:700;color:var(--text-primary);flex:1}.composition-legend-value{color:var(--text-secondary);font-variant-numeric:tabular-nums}.status-stack-chart{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.status-stack-row{display:flex;align-items:center;gap:12px}.status-stack-row-clickable{cursor:pointer}.status-stack-label{width:110px;flex-shrink:0;font-size:12px;color:var(--text-secondary);text-align:right}.status-stack-track{flex:1;display:flex;gap:2px;height:22px;border-radius:11px;overflow:hidden;background:var(--surface-2)}.status-stack-segment{transition:opacity .15s ease}.status-stack-legend{flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:4px}.status-stack-legend .composition-legend-label{flex:initial;font-weight:600;font-size:12px}.meter-row{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:24px 20px;padding:8px 0}.meter{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 84px;transition:opacity .15s ease}.meter-ring{--ring-percent: 0%;--meter-color: var(--accent);position:relative;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--meter-color) var(--ring-percent),var(--surface-2) 0);display:flex;align-items:center;justify-content:center}.meter-ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--surface-1)}.meter-ring-pie:before{content:none}.meter-ring-pie .meter-value{background:var(--surface-1);padding:3px 7px;border-radius:10px;box-shadow:0 1px 4px #0000002e}.meter-value{position:relative;z-index:1;font-weight:700;font-size:16px;color:var(--text-primary)}.meter-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.meter-target-tick{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.meter-clickable{cursor:pointer}.meter-clickable:hover .meter-label{color:var(--accent)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-header-row .card-title{margin-bottom:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-tile{position:relative;background:var(--surface-1);border:none;border-radius:16px;padding:20px;overflow:hidden;box-shadow:none}.stat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:10px}.stat-value{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:32px;line-height:1.1;color:var(--text-primary)}.stat-tile-alert .stat-value{color:var(--status-critical)}button.stat-tile{font:inherit;text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default}.stat-tile-clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.stat-tile-clickable:hover,.stat-tile-clickable:focus-visible{box-shadow:0 0 0 2px var(--accent);transform:translateY(-1px)}.due-soon-date,.overdue-date{border-radius:999px;padding:2px 10px;font-weight:700}.due-soon-date{color:var(--status-critical);background:color-mix(in srgb,var(--status-critical) 14%,var(--surface-1))}.overdue-date{color:#fff;background:var(--status-critical)}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary)}.badge.status-completed,.badge.certified{color:var(--status-good);background:color-mix(in srgb,var(--status-good) 15%,var(--surface-1))}.badge.status-in_progress,.badge.status-not_started{color:var(--text-secondary);background:var(--surface-2)}.badge.status-overdue,.badge.mandatory,.badge.unassigned,.badge.role-admin{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface-1))}.badge.deleted{margin-left:8px;padding:2px 8px;font-size:11px;color:var(--text-secondary);background:var(--surface-2);border:1px dashed var(--border, currentColor)}.progress-track{width:100%;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--series-1);border-radius:999px}.btn{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{color:var(--status-critical)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:12px;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:14px;font-family:inherit;background:var(--surface-1);color:var(--text-primary)}select{border:1px solid var(--border);border-radius:12px;padding:6px 10px;font-size:13px;font-family:inherit;background:var(--surface-1);color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.tabs{display:flex;gap:6px;margin-bottom:20px}.tab{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--text-secondary);background:none;border:none;cursor:pointer}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--text-primary);color:var(--surface-1)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:12px;border-bottom:1px solid var(--gridline)}td{padding:14px 12px;border-bottom:1px solid var(--gridline)}.leaderboard-row-you td{background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));font-weight:600}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:12px;background:var(--surface-2);color:var(--text-secondary)}tr.rank-row-1 td:first-child,tr.rank-row-2 td:first-child,tr.rank-row-3 td:first-child{border-left:3px solid transparent}tr.rank-row-1 td:first-child{border-left-color:#d4a017}tr.rank-row-2 td:first-child{border-left-color:#a8a8a8}tr.rank-row-3 td:first-child{border-left-color:#b56a3c}.leaderboard-name-medal{font-weight:700}.standing-note{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.standing-gauge-track{position:relative;width:100%;height:10px;background:var(--surface-2);border-radius:999px;overflow:visible}.standing-gauge-fill{height:100%;background:var(--accent);border-radius:999px}.standing-gauge-marker{position:absolute;top:-3px;width:3px;height:16px;background:var(--text-primary);border-radius:2px;transform:translate(-50%)}.standing-gauge-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.login-card{width:360px;background:var(--surface-1);border:none;border-radius:20px;padding:32px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-mark{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--hero-gradient);color:#fff;display:flex;align-items:center;justify-content:center}.login-card h1{font-size:20px;margin:0}.login-sub{color:var(--text-muted);font-size:13px;margin-bottom:20px}.login-notice{font-size:13px;color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));border-radius:12px;padding:10px 12px;margin:0 0 16px}.error-text{color:var(--status-critical);font-size:13px;margin-top:8px}.muted{color:var(--text-muted)}.text-link-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.page-header{display:flex;justify-content:flex-end;margin-bottom:12px}.notif-bell-container{position:relative}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer}.notif-bell-btn:hover{background:var(--surface-2)}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--status-critical);color:#fff;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:480px;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 32px color-mix(in srgb,var(--text-primary) 16%,transparent);padding:12px;z-index:50}.notif-panel-header{font-size:14px;font-weight:700;padding:4px 6px 10px;border-bottom:1px solid var(--border)}.notif-feed{display:flex;flex-direction:column;gap:2px;margin:8px 0;max-height:280px;overflow-y:auto}.notif-empty{padding:16px 6px;text-align:center}.notif-row{display:flex;gap:8px;padding:8px 6px;border-radius:8px}.notif-row:hover{background:var(--surface-2)}.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.notif-dot.overdue{background:var(--status-critical)}.notif-dot.due_soon{background:var(--series-1)}.notif-dot.completed{background:var(--status-good)}.notif-row-body{flex:1;min-width:0}.notif-row-text{font-size:13px;color:var(--text-primary);line-height:1.4}.notif-row-time{font-size:11px;color:var(--text-muted);margin-top:2px}.notif-settings{border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.notif-settings-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.toggle-switch input:disabled{cursor:not-allowed}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;transition:background .15s ease,border-color .15s ease}.toggle-track:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text-muted);border-radius:50%;transition:transform .15s ease,background .15s ease}.toggle-switch input:checked+.toggle-track{background:color-mix(in srgb,var(--accent) 30%,var(--surface-2));border-color:var(--accent)}.toggle-switch input:checked+.toggle-track:before{transform:translate(14px);background:var(--accent)}.toggle-switch input:disabled+.toggle-track{opacity:.5}.leadership-dashboard>.card:first-of-type{background:transparent;box-shadow:none;padding:0}.leadership-dashboard .stat-tile{background:color-mix(in srgb,var(--accent) 14%,white 86%)}.leadership-dashboard .stat-value{color:var(--accent-strong)}.table-scroll{overflow-x:auto}.table-scroll table{min-width:1000px}.field-wide{grid-column:1 / -1}.field-hint{font-size:12px;color:var(--text-muted)}.dept-picker{display:flex;flex-direction:column;gap:8px}.dept-chips{display:flex;flex-wrap:wrap;gap:6px}.dept-chip{border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;background:var(--surface-2);color:var(--text-secondary)}.dept-chip:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.dept-chip.selected{background:var(--accent);color:#fff}.dept-add{display:flex;gap:8px}.dept-add input{flex:1;min-width:0;max-width:220px;border:1px solid var(--border);border-radius:12px;padding:6px 10px;font-size:13px;font-family:inherit;background:var(--surface-1);color:var(--text-primary)}.path-badges{display:flex;flex-wrap:wrap;gap:4px}.reporting-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.employee-search-input{width:100%;max-width:280px;border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:14px;font-family:inherit;background:var(--surface-1);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--text-primary) 45%,transparent);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--surface-1);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 60px color-mix(in srgb,var(--text-primary) 30%,transparent)}.modal-card-wide{max-width:760px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer}.modal-close:hover{background:color-mix(in srgb,var(--accent) 15%,var(--surface-2));color:var(--accent)}.modal-header{display:flex;align-items:center;gap:14px;padding-right:32px}.modal-title{font-size:19px;font-weight:800;margin:2px 0 0;color:var(--text-primary);line-height:1.3}.modal-badges{display:flex;flex-wrap:wrap;gap:8px}.modal-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;padding:14px;background:var(--surface-2);border-radius:14px}.modal-details-grid>div{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:600;color:var(--text-primary)}.modal-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.modal-links{display:flex;flex-wrap:wrap;gap:10px}.modal-milestones{display:flex;flex-direction:column;gap:12px}.modal-milestone{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border, var(--surface-2));border-radius:14px}.modal-milestone-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-milestone-title{font-size:13px;font-weight:700;color:var(--text-primary)}.dashboard-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.top-nav,.dashboard-toolbar,.modal-overlay,select{display:none!important}body{background:#fff!important}.side-by-side{display:block!important}.side-by-side>.card+.card{margin-top:24px!important}.card{box-shadow:none!important;break-inside:avoid}}