:root{--bg-app: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-accent: #38bdf8;--border-color: #334155;--color-root: #6366f1;--color-l1: #3b82f6;--color-l2: #06b6d4;--color-l3: #10b981;--color-l4: #f59e0b;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard-container{max-width:100vw;min-height:100vh;padding:2rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.header h1{font-size:2rem;font-weight:700;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.premium-glass{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.premium-header-row th{background:#0f172af2!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(56,189,248,.3)!important}.premium-row{transition:all .2s ease}.premium-row:hover{background:#38bdf814!important;transform:translateY(-1px);box-shadow:0 4px 12px #0003;z-index:10;position:relative}.premium-row td{border-right:1px solid rgba(255,255,255,.05)!important}.premium-sticky-col{background:inherit;background:var(--bg-card)}.premium-row:hover .premium-sticky-col{background:#252f45}@media(max-width:768px){.dashboard-container{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header h1{font-size:1.5rem}.nav-controls{width:100%;overflow-x:auto;padding-bottom:.5rem}.org-chart-container{padding:.5rem!important}.mobile-sidebar-toggle{display:flex!important}.grid-layout{grid-template-columns:1fr!important}.org-tree{overflow-x:auto;display:block;width:100%;-webkit-overflow-scrolling:touch}.org-tree ul{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:column;align-items:center}.org-tree li{padding:10px 0 0!important;display:block;width:100%}.org-tree li:before,.org-tree li:after,.node-sticky-wrapper:after{display:none!important}.node-card{min-width:90vw!important;max-width:95vw!important;margin:.5rem auto!important}.node-sticky-wrapper{position:relative!important;left:auto!important;right:auto!important;width:100%!important}.hide-mobile{display:none!important}}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.sidebar-enter{transform:translate(-100%)}.sidebar-enter-active{transform:translate(0);transition:transform .3s ease-in-out}.org-tree ul{padding-top:20px;position:relative;transition:all .5s;display:block;text-align:center;white-space:nowrap}.org-tree li{display:inline-block;vertical-align:top;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0;transition:all .5s;white-space:normal}.org-tree li:before,.org-tree li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid var(--border-color);width:50%;height:20px}.org-tree li:after{right:auto;left:50%;border-left:2px solid var(--border-color)}.org-tree li:only-child:after,.org-tree li:only-child:before{display:none}.org-tree li:only-child{padding-top:0}.org-tree li:first-child:before,.org-tree li:last-child:after{border:0 none}.org-tree li:last-child:before{border-right:2px solid var(--border-color);border-radius:0 5px 0 0}.org-tree li:first-child:after{border-radius:5px 0 0}.org-tree ul ul:before{display:none}.node-sticky-wrapper{position:sticky;left:20px;right:20px;margin-left:auto;margin-right:auto;width:fit-content;z-index:20;pointer-events:none;margin-bottom:5px}.node-sticky-wrapper.no-sticky{position:relative;left:auto;right:auto}.node-sticky-wrapper>*{pointer-events:auto}.node-sticky-wrapper:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:20px;border-left:2px solid var(--border-color);display:none}.node-sticky-wrapper:has(.node-card-expanded.has-children):after{display:block}.vertical-layout .node-sticky-wrapper{position:relative;left:auto;right:auto;margin-bottom:0}.vertical-layout .node-sticky-wrapper:after{display:none}.org-tree ul.vertical-layout{display:flex;flex-direction:column;align-items:center;padding-top:0}.org-tree ul.vertical-layout>li{float:none;display:flex;flex-direction:column;align-items:center;padding:20px 0 0!important;position:relative}.org-tree ul.vertical-layout>li:before,.org-tree ul.vertical-layout>li:after{border:none;content:none}.org-tree ul.vertical-layout>li{position:relative}.org-tree ul.vertical-layout>li:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--border-color);height:20px;width:0;display:block!important}.org-tree-container{width:100%;min-width:fit-content;padding-bottom:3rem}.org-tree{display:inline-block;min-width:100%}.org-tree ul.vertical-layout:before{height:20px}.org-tree ul.vertical-layout>li{padding-top:10px!important;padding-bottom:10px}.org-tree ul.vertical-layout>li:before{display:block;height:10px;top:-10px;border-left:2px solid var(--border-color);height:100%;display:none}.org-tree ul.vertical-layout>li:not(:first-child):after{content:"";position:absolute;top:-10px;left:50%;height:10px;border-left:2px solid var(--border-color);display:block}.org-tree ul.vertical-layout>li:first-child:after{content:"";position:absolute;top:-20px;left:50%;height:20px;border-left:2px solid var(--border-color);display:block}.org-tree ul.vertical-layout .node-card{min-width:300px}