:root{--bg:#1a1b26;--bg-dark:#16161e;--bg-highlight:#292e42;--comment:#565f89;--fg:#c0caf5;--fg-dark:#a9b1d6;--fg-gutter:#3b4261;--dark3:#545c7e;--dark5:#737aa2;--blue:#7aa2f7;--cyan:#7dcfff;--blue1:#2ac3de;--blue2:#0db9d7;--blue5:#89ddff;--blue6:#b4f9f8;--blue7:#394b70;--magenta:#bb9af7;--magenta2:#ff007c;--purple:#9d7cd8;--orange:#ff9e64;--yellow:#e0af68;--green:#9ece6a;--green1:#73daca;--green2:#41a6b5;--teal:#1abc9c;--red:#f7768e;--red1:#db4b4b}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}#__nuxt,body,html{min-height:100%}body{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.6}.dashboard,body{background:var(--bg);color:var(--fg);min-height:100vh}.dashboard{margin:0 auto;max-width:1400px;padding:24px}.header{background:var(--bg-dark);border:1px solid var(--fg-gutter);border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:28px;padding:28px}.header h1{color:var(--cyan);font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.framework-selector{display:flex;flex-wrap:wrap;gap:8px}.framework-btn{background:var(--bg-highlight);border:1px solid var(--fg-gutter);border-radius:8px;color:var(--fg-dark);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.3px;padding:10px 16px;transition:all .2s ease}.framework-btn:hover{background:var(--dark3);border-color:var(--dark5);color:var(--fg);transform:translateY(-1px)}.framework-btn.active{background:var(--blue);border-color:var(--blue);color:var(--bg-dark);font-weight:600}.matrix-container{background:var(--bg-dark);border:1px solid var(--fg-gutter);border-radius:12px;box-shadow:0 4px 6px #0000004d;padding:32px;position:relative}.matrix-header{margin-bottom:32px}.matrix-title{color:var(--green);font-size:24px;font-weight:600;margin-bottom:8px}.matrix-description{color:var(--comment);font-size:14px}.matrix-wrapper{padding-bottom:50px;padding-left:70px;position:relative}.matrix-grid{background:var(--bg);border:2px solid var(--fg-gutter);border-radius:8px;height:600px;margin-left:5px;margin-top:5px;overflow:visible;position:relative;width:calc(100% - 10px)}.axis-label{color:var(--yellow);font-size:20px;font-weight:700;letter-spacing:1px;position:absolute;text-transform:uppercase}.x-axis-label{bottom:-35px;left:50%;position:absolute;transform:translate(-50%)}.y-axis-label{left:0;position:absolute;top:50%;transform:rotate(-90deg) translate(-50%);transform-origin:left center}.axis-values{color:var(--dark5);font-size:12px;font-weight:600;position:absolute;z-index:2}.x-axis-values{bottom:8px;display:flex;justify-content:space-between;left:8px;padding:0;pointer-events:none;right:8px}.x-axis-values span{background:var(--bg);border-radius:3px;padding:2px 4px}.y-axis-values{bottom:8px;display:flex;flex-direction:column-reverse;justify-content:space-between;left:8px;padding:0;pointer-events:none;top:8px}.y-axis-values span{background:var(--bg);border-radius:3px;padding:2px 4px}.grid-lines{height:100%;pointer-events:none;position:absolute;width:100%}.grid-line{background:var(--fg-gutter);opacity:.3;position:absolute}.grid-line.horizontal{height:1px;width:100%}.grid-line.vertical{height:100%;width:1px}.grid-line.major{background:var(--dark3);opacity:.5}.quadrant-label{background:var(--bg-highlight);border:1px solid var(--fg-gutter);border-radius:6px;color:var(--dark5);font-weight:600;letter-spacing:.5px;padding:6px 12px;pointer-events:none;text-transform:uppercase;z-index:5}.employee-dot,.quadrant-label{font-size:11px;position:absolute}.employee-dot{align-items:center;border:2px solid transparent;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:var(--bg-dark);cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:center;transform:translate(-50%,-50%);transition:all .2s ease;width:36px;z-index:10}.employee-dot:hover{border-color:var(--fg);box-shadow:0 4px 8px #0006;transform:translate(-50%,-50%) scale(1.15);z-index:20}.tooltip{background:var(--bg-highlight);border:1px solid var(--fg-gutter);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:var(--fg);font-size:13px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;transition:opacity .2s ease;white-space:nowrap;z-index:30}.tooltip.show{opacity:1}.tooltip strong{color:var(--cyan);display:block;font-size:14px;margin-bottom:4px}.tooltip-row{display:flex;gap:16px;justify-content:space-between;margin-top:2px}.tooltip-label{color:var(--comment)}.tooltip-value{color:var(--green);font-weight:600}.performance-high{background:var(--green)}.performance-medium{background:var(--yellow)}.performance-low{background:var(--red)}.potential-star{background:var(--magenta)}.engagement-full{background:var(--cyan)}.culture-fit{background:var(--purple)}.learning-agile{background:var(--blue)}.digital-leader{background:var(--green1)}.team-star{background:var(--blue2)}.retention-critical{background:var(--red1)}