@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--primary: #2563EB;--primary-rgb: 37, 99, 235;--primary-glow: rgba(37, 99, 235, .1);--secondary: #64748B;--accent: #059669;--bg-dark: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--border-glass: #e2e8f0;--text-main: #0f172a;--text-dim: #475569;--success: #10b981;--error: #ef4444;--font-main: "Inter", sans-serif;--font-header: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.05) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(5,150,105,.03) 0px,transparent 50%);overflow-x:hidden}.glass-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius);box-shadow:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;border-color:#cbd5e1}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-glass);padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.02)}.form-group-glass{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.form-group-glass label{font-size:.9rem;color:var(--text-dim);font-weight:500;padding-left:2px}.input-glass{background:#fff;border:1px solid var(--border-glass);border-radius:6px;padding:10px 14px;color:var(--text-main);outline:none;transition:all .2s;width:100%;font-family:inherit;font-size:.95rem}.input-glass:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 4px #6366f114}.input-glass::placeholder{color:#94a3b8}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s ease forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.text-main{color:var(--text-main)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}@media (max-width: 768px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}.glass-card{padding:15px!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 768px){.show-mobile{display:block}}@media (max-width: 768px){.flex-mobile-column{flex-direction:column!important;align-items:flex-start!important}}@media (pointer: coarse){.btn-primary,.btn-secondary,.nav-item{min-height:44px}}.select-pagination{padding:5px 8px;border-radius:6px;border:1px solid var(--border-glass);background:#fff;color:var(--text-main);font-size:.85rem;outline:none;cursor:pointer;transition:all .2s}.select-pagination:hover{border-color:var(--primary);background:#ffffffe6}.org-chart-wrapper{background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.05),transparent);min-height:calc(100vh - 100px);padding:20px;display:flex;flex-direction:column;align-items:center}.org-chart-controls{position:sticky;top:20px;z-index:100;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;width:fit-content;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-group{display:flex;align-items:center;gap:12px;border-right:1px solid var(--border-glass);padding-right:15px;margin-right:15px}.controls-group button,.refresh-btn{background:#fff;border:1px solid var(--border-glass);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:all .2s}.controls-group button:hover,.refresh-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.zoom-level{font-size:.8rem;font-weight:600;color:var(--text-main);min-width:40px;text-align:center}.org-chart-viewport{width:100%;flex:1;overflow:auto;display:flex;justify-content:center;padding:40px}.org-chart-canvas{transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.org-tree-node{display:flex;flex-direction:column;align-items:center;position:relative}.org-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:20px}.org-node-card{padding:12px 18px;min-width:220px;background:#fff;border-radius:12px;cursor:pointer;z-index:10;box-shadow:0 4px 15px #0000000d}.org-node-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 10px 25px #2563eb1a}.org-node-content{display:flex;align-items:center;gap:12px}.org-node-icon-wrapper{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff}.org-node-details{flex:1;text-align:left}.org-node-name{font-weight:700;font-size:.9rem;color:var(--text-main)}.org-node-title{font-size:.7rem;color:var(--text-dim)}.org-line-vertical{width:2px;height:20px;background:var(--border-glass);position:absolute;bottom:0}.org-node-children-container{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:20px}.org-children-grid{display:flex;gap:20px;position:relative}.org-child-wrapper{position:relative;padding-top:20px}.org-child-wrapper:before,.org-child-wrapper:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid var(--border-glass);width:50%;height:20px}.org-child-wrapper:after{right:auto;left:50%;border-left:2px solid var(--border-glass)}.org-child-wrapper:only-child:after,.org-child-wrapper:only-child:before{display:none}.org-child-wrapper:only-child{padding-top:0}.org-child-wrapper:first-child:before,.org-child-wrapper:last-child:after{border:0 none}.org-child-wrapper:last-child:before{border-right:2px solid var(--border-glass);border-radius:0 8px 0 0}.org-child-wrapper:first-child:after{border-radius:8px 0 0}.org-node-children-container:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--border-glass);width:0;height:20px}.org-loading,.org-error,.org-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;width:100%}