*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1917;--bg-main:#1a1917;--bg-sidebar:#141312;--bg-card:#222120;--bg-card-hover:#2a2928;--bg-selected:#1a2e28;--border:#333130;--border-light:#3d3b39;--text:#e4e0d8;--text-muted:#b0aa9e;--text-dim:#a29b90;--accent:#6aab96;--accent-light:#7ec4ac;--accent-dim:#4e8a74;--accent-subtle:#6aab961a;--success:#6aab6a;--warning:#c4a550;--danger:#c46050;--overlay:#0009;--shadow:#0006;--shadow-heavy:#00000080;--chart-grid:#333130;--tooltip-bg:#222120;--tooltip-border:#333130;--tooltip-cursor:#ffffff08;--toast-error-bg:#3d1f1f;--toast-error-border:#6b3030;--toast-success-bg:#1a3320;--toast-success-border:#2a5535;--toast-info-bg:#1a2e28;--toast-info-border:#2a4a3e;--toast-text:#e4e0d8;--on-accent:#fff;--bg-input:#1a1917;--bg-hover:#2a2928;--success-bg:#6aab6a1f;--warning-bg:#c4a5501f;--danger-bg:#c460501f;--chart-green:#6aab6a;--chart-blue:#5a9ab5;--chart-purple:#9a7bb5;--chart-amber:#c4a550;--chart-teal:#5aaa9a;--chart-pink:#c47080;--chart-orange:#c48050;--chart-cyan:#50a0b0;--chart-rose:#b54050;--chart-violet:#9a70b5;--chart-indigo:#7a7ab5;--chart-neutral:#8e867c;--chart-neutral-warm:#9a958b;--chart-neutral-deep:#5a5550;--chart-red-deep:#a84040;--font:"Karla", system-ui, sans-serif;--font-display:"Source Serif 4", Georgia, serif;--font-mono:"Source Code Pro", "Consolas", monospace;--radius:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--z-dropdown:300;--z-sticky:500;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--z-tooltip:1200}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf9f7;--bg-main:#faf9f7;--bg-sidebar:#f0eeea;--bg-card:#fff;--bg-card-hover:#f5f3ef;--bg-selected:#d4ebe3;--border:#e0ddd7;--border-light:#d0cdc7;--text:#2c2a26;--text-muted:#635e57;--text-dim:#6d6760;--accent:#3d6b5e;--accent-light:#4a8272;--accent-dim:#2f5249;--accent-subtle:#3d6b5e14;--success:#3d7a3d;--warning:#9a7b2e;--danger:#a84040;--overlay:#0000004d;--shadow:#0000001a;--shadow-heavy:#00000026;--chart-grid:#d0cdc7;--tooltip-bg:#fff;--tooltip-border:#e0ddd7;--tooltip-cursor:#0000000a;--toast-error-bg:#fdf5f5;--toast-error-border:#e0a0a0;--toast-success-bg:#f0f7f0;--toast-success-border:#8cc08c;--toast-info-bg:#f0f7f5;--toast-info-border:#a0ccc0;--toast-text:#2c2a26;--on-accent:#fff;--bg-input:#fff;--bg-hover:#f5f3ef;--success-bg:#3d7a3d1a;--warning-bg:#9a7b2e1a;--danger-bg:#a840401a;--chart-green:#4a8a4a;--chart-blue:#3d7590;--chart-purple:#6d5590;--chart-amber:#9a7e30;--chart-teal:#3d7f70;--chart-pink:#9a4555;--chart-orange:#9a5f30;--chart-cyan:#307585;--chart-rose:#903040;--chart-violet:#6d4a90;--chart-indigo:#5a5a90;--chart-neutral:#6d675d;--chart-neutral-warm:#75706b;--chart-neutral-deep:#464240;--chart-red-deep:#853030}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.roster-row:hover .roster-actions{opacity:1!important}.vlist-row{content-visibility:auto;contain-intrinsic-size:auto 80px}@media (width<=1024px){.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.growth-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.app-main{padding:20px 16px!important}}@media (width<=768px){.touch-target,.icon-btn,button[aria-label=Close],button[aria-label^=Delete],button[aria-label^=Remove],button[aria-label^=Edit]{min-width:44px;min-height:44px}.app-logo-text{display:none}.app-main{padding:16px 12px!important}.sidenav{width:48px!important;min-width:48px!important}.sidenav span:not([class]){display:none}.level-btn-row{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important}.growth-grid,.growth-gap-detail{grid-template-columns:1fr!important}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.insights-card{padding:16px!important}.heatmap-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.login-card{padding:24px 20px!important}.desktop-only-banner{display:flex!important}}.desktop-only-banner{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:none}.portrait-prompt{display:none}@media (width<=768px) and (orientation:portrait){.portrait-prompt{z-index:10000;text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.portrait-prompt.dismissed{display:none}.portrait-prompt-icon{width:48px;height:48px;color:var(--accent-light);animation:1.5s ease-in-out infinite rock}.portrait-prompt-title{color:var(--text);font-size:18px;font-weight:700}.portrait-prompt-text{color:var(--text-muted);max-width:280px;font-size:14px;line-height:1.5}.portrait-prompt-dismiss{border-radius:var(--radius);border:1px solid var(--border-light);color:var(--text-muted);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;margin-top:8px;padding:8px 20px}@keyframes rock{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}}.competency-tour-popover{background:var(--bg-card)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 8px 32px var(--shadow)!important;border-radius:12px!important}.competency-tour-popover .driver-popover-title{color:var(--text)!important;font-family:var(--font)!important;font-size:15px!important}.competency-tour-popover .driver-popover-description{color:var(--text-muted)!important;font-family:var(--font)!important;font-size:13px!important;line-height:1.5!important}.competency-tour-popover .driver-popover-progress-text{color:var(--text-dim)!important;font-family:var(--font)!important}.competency-tour-popover .driver-popover-footer button,.competency-tour-popover .driver-popover-navigation-btns button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font)!important;letter-spacing:.01em!important;text-shadow:none!important;border-radius:6px!important;padding:7px 14px!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;transition:background-color .15s,border-color .15s,color .15s!important}.competency-tour-popover .driver-popover-next-btn,.competency-tour-popover .driver-popover-next-btn:hover,.competency-tour-popover .driver-popover-next-btn:focus{background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;text-shadow:none!important}.competency-tour-popover .driver-popover-next-btn:hover{background:var(--accent-light)!important;border-color:var(--accent-light)!important}.competency-tour-popover .driver-popover-prev-btn,.competency-tour-popover .driver-popover-prev-btn:hover,.competency-tour-popover .driver-popover-prev-btn:focus{color:var(--text)!important;border:1px solid var(--border)!important;text-shadow:none!important;background:0 0!important}.competency-tour-popover .driver-popover-prev-btn:hover{background:var(--bg-card-hover)!important;border-color:var(--border-light)!important}.competency-tour-popover .driver-popover-close-btn{color:var(--text-dim)!important;text-shadow:none!important}.competency-tour-popover .driver-popover-arrow-side-left .driver-popover-arrow,.competency-tour-popover .driver-popover-arrow-side-right .driver-popover-arrow,.competency-tour-popover .driver-popover-arrow-side-top .driver-popover-arrow,.competency-tour-popover .driver-popover-arrow-side-bottom .driver-popover-arrow{border-color:var(--bg-card)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
