:root,:root[data-theme=light]{--color-background: #F7F7F8;--color-foreground: #0A0A0B;--color-card: #FFFFFF;--color-card-foreground: #0A0A0B;--color-muted: #F2F2F4;--color-muted-foreground: #6B6B70;--color-subtle: #FAFAFC;--color-border: rgba(0, 0, 0, .06);--color-border-strong: rgba(0, 0, 0, .12);--color-ring: rgba(91, 91, 214, .4);--color-destructive: #DC2626;--color-destructive-foreground: #FFFFFF;--brand-primary: #5B5BD6;--brand-primary-foreground: #FFFFFF;--brand-accent: #5B5BD6;--color-status-active-bg: #E7F8EE;--color-status-active-fg: #1F7A3D;--color-status-warning-bg: #FFF4D6;--color-status-warning-fg: #7A4D00;--color-status-error-bg: #FDECEC;--color-status-error-fg: #9B1C1C;--color-status-info-bg: #EEF0FF;--color-status-info-fg: #3F3FAA;--chart-1: #6366F1;--chart-2: #0EA5A4;--chart-3: #3B82F6;--chart-4: #F59E0B;--chart-5: #10B981;--chart-6: #EF4444;--heat-pos: #D1F0DD;--heat-neutral: #FFF0C2;--heat-neg: #F8D7DA;--ai-stop-0: #6366F1;--ai-stop-1: #8B5CF6;--ai-stop-2: #EC4899;--ai-stop-3: #F59E0B;--color-leftrail-bg: #0A0A0B;--color-leftrail-pill-bg: rgba(255, 255, 255, .08);--color-leftrail-pill-border: rgba(255, 255, 255, .22);--color-leftrail-pill-shine: rgba(255, 255, 255, .12);--color-leftrail-pill-shine-end: rgba(255, 255, 255, .04);--color-leftrail-pill-inset: rgba(255, 255, 255, .18);--color-leftrail-pill-shadow: rgba(0, 0, 0, .3);--text-h1: 28px;--tracking-h1: -.02em;--weight-h1: 700;--text-section-title: 14px;--weight-section-title: 600;--tracking-section-title: -.01em;--text-kpi-number: 28px;--tracking-kpi: -.02em;--weight-kpi: 700;--text-kpi-number-lg: 32px;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.25rem;--radius-full: 9999px;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--tracking-tight: -.02em;--tracking-label: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--easing-standard: cubic-bezier(.2, .8, .2, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--duration-ai-rest: 24s;--duration-ai-thinking: .8s}:root[data-theme=dark]{--color-background: #0A0A0B;--color-foreground: #F5F5F7;--color-card: #151518;--color-card-foreground: #F5F5F7;--color-muted: #1B1B1F;--color-muted-foreground: #9C9CA3;--color-subtle: #131316;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-ring: rgba(99, 102, 241, .4);--color-destructive: #EF4444;--color-destructive-foreground: #0A0A0B;--brand-primary: #6868F2;--brand-primary-foreground: #FFFFFF;--brand-accent: #6868F2;--color-status-active-bg: #0E2A18;--color-status-active-fg: #7CD9A1;--color-status-warning-bg: #2A1F00;--color-status-warning-fg: #FFD45A;--color-status-error-bg: #2B0E0E;--color-status-error-fg: #FF8C8C;--color-status-info-bg: #15162E;--color-status-info-fg: #A5A5FF;--chart-1: #6366F1;--chart-2: #0EA5A4;--chart-3: #3B82F6;--chart-4: #F59E0B;--chart-5: #10B981;--chart-6: #EF4444;--heat-pos: #1A3A28;--heat-neutral: #3A2F00;--heat-neg: #3A1717;--ai-stop-0: #6366F1;--ai-stop-1: #8B5CF6;--ai-stop-2: #EC4899;--ai-stop-3: #F59E0B;--color-leftrail-bg: #0A0A0B;--color-leftrail-pill-bg: rgba(255, 255, 255, .08);--color-leftrail-pill-border: rgba(255, 255, 255, .22);--color-leftrail-pill-shine: rgba(255, 255, 255, .12);--color-leftrail-pill-shine-end: rgba(255, 255, 255, .04);--color-leftrail-pill-inset: rgba(255, 255, 255, .18);--color-leftrail-pill-shadow: rgba(0, 0, 0, .3)}@media(prefers-reduced-motion:reduce){:root{--duration-ai-rest: 0s;--duration-ai-thinking: 0s}}@keyframes punkworx-spin{to{transform:rotate(360deg)}}@keyframes punkworx-ai-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes punkworx-slide-in-right{0%{transform:translate(calc(100% + var(--space-4)))}to{transform:translate(0)}}@keyframes punkworx-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes punkworx-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.punkworx-anim-scale-in{animation:punkworx-scale-in var(--duration-fast) var(--easing-standard)}.punkworx-focus-ring:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.punkworx-focus-within:has(>*>input:focus-visible),.punkworx-focus-within:has(>input:focus-visible){outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.punkworx-anim-spin,.punkworx-anim-shimmer,.punkworx-anim-gradient,.punkworx-anim-slide-in,.punkworx-anim-scale-in{animation:none!important}}@property --ai-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@keyframes punkworx-ai-rotate{to{--ai-angle: 360deg}}.punkworx-ai-peek{background:linear-gradient(var(--color-card),var(--color-card)) padding-box,conic-gradient(from var(--ai-angle),var(--ai-stop-0),var(--ai-stop-1),var(--ai-stop-2),var(--ai-stop-3),var(--ai-stop-0)) border-box;border:1px solid transparent}.punkworx-ai-peek[data-ai-thinking=true]{animation:punkworx-ai-rotate 6s linear infinite}@media(prefers-reduced-motion:reduce){.punkworx-ai-peek[data-ai-thinking=true]{animation:none}}[data-hr-app-root],[data-hr-app-root] *,[data-hr-app-root] *:before,[data-hr-app-root] *:after{box-sizing:border-box}[data-hr-app-root] input,[data-hr-app-root] select,[data-hr-app-root] textarea{max-width:100%;min-width:0}[data-hr-app-root] .employee-directory-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:var(--space-4)}[data-hr-app-root] .org-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(min(100%,280px),.32fr);gap:var(--space-4)}@media(max-width:1100px){[data-hr-app-root] .employee-directory-layout,[data-hr-app-root] .org-chart-layout{grid-template-columns:minmax(0,1fr)}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}