@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.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%}:root{--bg: #08111f;--bg-elevated: rgba(15, 25, 44, .88);--bg-panel: rgba(12, 20, 36, .92);--card: rgba(17, 28, 49, .82);--card-strong: rgba(20, 34, 59, .95);--line: rgba(140, 170, 226, .18);--line-strong: rgba(140, 170, 226, .32);--text: #eef4ff;--muted: #96a5c6;--blue: #5ea6ff;--green: #44d7a8;--amber: #ffbf5f;--red: #ff7a90;--purple: #a88bff;--violet: #b18cff;--teal: #4ae5e0;--shadow: 0 18px 60px rgba(0, 0, 0, .35);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(94,166,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(168,139,255,.16),transparent 24%),linear-gradient(180deg,#06111f,#091321 40%,#050b14)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px;border-right:1px solid var(--line);background:#060c16c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px;padding-bottom:22px}.brand-badge{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#5ea6ffd9,#a88bffd9);display:grid;place-items:center;box-shadow:0 18px 40px #6881ff47}.brand h1{margin:0;font-size:1rem;font-weight:700}.brand p,.muted,.page-subtitle,.card-subtext,.table-subtext,.kicker,.node-subtitle,.node-owner,.timeline-item p,.small-label,.topbar-search span,.inspector-list li,.settings-list li{color:var(--muted)}.sidebar-section{margin-top:28px}.sidebar-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:12px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-radius:16px;color:#c7d4ee;transition:all .2s ease}.nav-item:hover,.nav-item.active{background:linear-gradient(180deg,#5ea6ff24,#a88bff1a);color:var(--text);border:1px solid rgba(132,164,255,.18)}.nav-pill{padding:5px 9px;border-radius:999px;font-size:.72rem;background:#94b0ff1f;color:#c7d8ff}.sidebar-footer{margin-top:auto;padding:18px;border-radius:24px;background:linear-gradient(180deg,#101c31f0,#0a111ff0);border:1px solid var(--line);box-shadow:var(--shadow)}.sidebar-footer h3,.page-title,.card-title,.section-title,.node-title,.table-title,.ai-title,.metric-ring-value,.report-value,.settings-title,.timeline-title{margin:0}.content-shell{padding:28px;display:flex;flex-direction:column;gap:22px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar-search,.topbar-actions,.hero-actions,.inline-actions,.segmented,.metrics-row,.alert-head,.target-meta,.employee-tags,.integration-footer,.automation-meta,.report-row,.canvas-topbar,.canvas-bottombar{display:flex;align-items:center;gap:12px}.topbar-search{flex:1;min-width:0;background:#0c1424d1;border:1px solid var(--line);border-radius:18px;padding:14px 18px}.topbar-actions{flex-wrap:wrap}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4ae5e03d,#5ea6ff4d);border:1px solid rgba(94,166,255,.2)}.button,.ghost-button,.tab-button,.filter-chip{border-radius:16px;border:1px solid transparent;transition:all .2s ease}.button{padding:12px 16px;background:linear-gradient(135deg,#5ea6ffe6,#a88bffd9);color:#fff;box-shadow:0 14px 32px #6881ff38}.ghost-button,.tab-button,.filter-chip{padding:12px 15px;background:#0f1829cc;border-color:var(--line);color:var(--text)}.ghost-button:hover,.tab-button.active,.filter-chip.active{border-color:var(--line-strong);background:#16253de0}.page-card,.section-card,.stat-card,.alert-card,.timeline-card,.target-card,.employee-card,.integration-card,.automation-card,.ai-card,.report-card,.settings-card,.inspector-panel,.canvas-toolbar,.canvas-floating-card{background:linear-gradient(180deg,#101b2ef0,#0a111fe0);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero{padding:26px;display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.hero-highlight{display:grid;gap:22px}.page-title{font-size:clamp(1.8rem,2.4vw,2.9rem);line-height:1.05}.page-subtitle{margin-top:10px;font-size:1rem;line-height:1.7;max-width:760px}.kpi-grid,.card-grid,.report-grid,.settings-grid,.dept-grid,.employee-grid,.ai-grid,.targets-grid,.integration-grid,.automation-grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid,.ai-grid,.dept-grid,.integration-grid,.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid,.targets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-grid,.employee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-stack{display:grid;gap:22px}.stat-card,.alert-card,.timeline-card,.target-card,.employee-card,.integration-card,.automation-card,.ai-card,.report-card,.settings-card{padding:22px}.stat-value{font-size:2rem;font-weight:800;margin:14px 0 8px}.stat-tone-blue{color:var(--blue)}.stat-tone-green{color:var(--green)}.stat-tone-amber{color:var(--amber)}.stat-tone-purple{color:var(--purple)}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600;border:1px solid transparent}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-Healthy,.status-OnTrack,.status-Connected,.status-Stable,.status-Available,.status-NearComplete,.status-Active{color:var(--green);background:#44d7a81f;border-color:#44d7a82e}.status-AtRisk,.status-Delayed,.status-Overloaded,.status-Pending,.status-Testing{color:var(--amber);background:#ffbf5f1f;border-color:#ffbf5f2e}.status-Blocked,.status-Critical{color:var(--red);background:#ff7a901f;border-color:#ff7a902e}.status-Balanced,.status-Planned,.status-Watching,.status-Draft{color:var(--blue);background:#5ea6ff1f;border-color:#5ea6ff2e}.hero-right{padding:20px;border-radius:24px;background:linear-gradient(160deg,#12213ae6,#0b1424f2);border:1px solid var(--line)}.metric-row{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center}.metric-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0deg,var(--blue) calc(var(--value) * 1deg),rgba(255,255,255,.06) 0deg);position:relative}.metric-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#0c1526;border:1px solid var(--line)}.metric-ring-inner{position:relative;z-index:1;text-align:center}.metric-ring-value{font-size:1.7rem;font-weight:800}.metric-ring-label{font-size:.72rem;color:var(--muted);margin-top:4px}.progress-bar{height:10px;width:100%;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple))}.table-grid{display:grid;gap:12px}.table-row,.table-header{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr 1.2fr;gap:12px;padding:16px 18px;border-radius:18px}.table-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.table-row{background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-title{font-size:1.2rem;font-weight:700}.timeline-list,.alert-list,.settings-list,.inspector-list{display:grid;gap:14px}.timeline-item,.alert-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.timeline-item:last-child,.alert-item:last-child{border-bottom:0;padding-bottom:0}.timeline-time{padding:8px 10px;border-radius:12px;background:#ffffff0d;color:var(--muted);font-size:.78rem}.level-indicator{padding:6px 10px;border-radius:999px;font-size:.74rem;border:1px solid var(--line)}.level-High{color:var(--red)}.level-Medium{color:var(--amber)}.level-Low{color:var(--green)}.target-card,.employee-card,.integration-card,.automation-card,.ai-card,.report-card,.settings-card{display:grid;gap:14px}.target-card .progress-fill{background:linear-gradient(90deg,var(--teal),var(--blue))}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:8px 11px;border-radius:12px;font-size:.75rem;color:#d3def6;background:#ffffff0f}.employee-avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#5ea6ff2e,#a88bff2e);color:#d7e2ff;font-weight:700}.dual-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.canvas-shell{display:grid;grid-template-columns:1fr 320px;gap:18px;min-height:720px}.canvas-area{min-height:720px;overflow:hidden;position:relative}.react-flow__background{opacity:.3}.react-flow__attribution{display:none}.custom-node{min-width:240px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#132138f5,#0a111ff5);box-shadow:0 22px 40px #00000042}.custom-node.blue{box-shadow:inset 0 0 0 1px #5ea6ff2e}.custom-node.green{box-shadow:inset 0 0 0 1px #44d7a82e}.custom-node.red{box-shadow:inset 0 0 0 1px #ff7a902e}.custom-node.amber{box-shadow:inset 0 0 0 1px #ffbf5f2e}.custom-node.purple,.custom-node.violet{box-shadow:inset 0 0 0 1px #a88bff2e}.node-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.node-dot{width:12px;height:12px;border-radius:999px}.node-dot.blue{background:var(--blue)}.node-dot.green{background:var(--green)}.node-dot.red{background:var(--red)}.node-dot.amber{background:var(--amber)}.node-dot.purple,.node-dot.violet{background:var(--purple)}.node-title{font-weight:700;font-size:1rem}.node-subtitle{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.node-owner{font-size:.85rem;margin-top:12px}.node-kpi{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-weight:600}.canvas-toolbar,.inspector-panel{padding:18px}.canvas-toolbar{position:absolute;left:18px;top:18px;z-index:10;display:grid;gap:14px;width:280px}.canvas-floating-card{position:absolute;right:18px;bottom:18px;width:300px;padding:18px;z-index:10}.inspector-panel{display:grid;gap:18px}.inspector-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.inspector-value{font-size:1rem;font-weight:700;margin-top:6px}.list-stat{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.list-stat:last-child{border-bottom:0}.mini-chart{height:240px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px}.mini-bar{border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,#4ae5e0d9,#5ea6fff2);min-height:50px;position:relative}.mini-bar span{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--muted)}.small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cta-banner{padding:22px;border-radius:26px;background:linear-gradient(135deg,#5ea6ff33,#a88bff38);border:1px solid rgba(148,176,255,.2)}.empty-input{padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted)}@media (max-width: 1380px){.hero,.dual-grid,.canvas-shell{grid-template-columns:1fr}.kpi-grid,.report-grid,.settings-grid,.employee-grid,.targets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.card-grid,.ai-grid,.dept-grid,.integration-grid,.automation-grid,.kpi-grid,.report-grid,.settings-grid,.employee-grid,.targets-grid{grid-template-columns:1fr}.table-row,.table-header{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.content-shell{padding:18px}.topbar{flex-direction:column;align-items:stretch}.hero{padding:18px}.table-row,.table-header{grid-template-columns:1fr}}