body{font-family:'Roboto',sans-serif;background-color:#f7f9fc;margin:0;padding:10px}.chart-scroll-wrapper{width:100%;overflow-x:auto;padding-bottom:50px;text-align:center}.org-chart{display:flex;flex-direction:column;align-items:center;gap:45px;min-width:max-content;margin:0 auto;margin-top:60px !important}.top-level-structure-final{display:flex;justify-content:center;align-items:center;position:relative;padding-bottom:50px;overflow:visible !important}.tl-left-col{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;overflow:visible !important}.tl-left-col::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);height:70px;width:2px;background-color:#999;z-index:1}.tl-spacer{height:40px}.tl-connector-col{display:flex;align-items:center;width:40px;height:100%}.bracket-shape{height:82px;width:100%;border-top:2px solid #999;border-bottom:2px solid #999;border-right:2px solid #999;box-sizing:border-box;position:relative}.bracket-shape::after{content:'';position:absolute;top:50%;right:-20px;width:20px;height:2px;background-color:#999;transform:translateY(-50%)}.tl-right-col{display:flex;align-items:center;padding-left:20px;z-index:2}.main-divisions{display:flex;justify-content:center;align-items:flex-start;gap:20px;position:relative}.main-divisions::before{content:'';position:absolute;z-index:1;left:85px;right:85px;top:-25px;height:2px;background-color:#999}.division-column{display:flex;flex-direction:column;align-items:center;gap:1px;position:relative}.division-column::before{content:'';position:absolute;z-index:1;left:50%;transform:translateX(-50%);top:-25px;height:25px;width:2px;background-color:#999}.node{width:170px;min-height:40px;padding:8px 5px;font-size:12px;font-weight:600;color:#fff;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;z-index:2;cursor:pointer;transition:.2s}.node:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.15)}.node.management{background-color:#263238}.node.bks-style{background-color:#ffd54f !important;color:#000 !important;font-weight:700;width:150px;margin:0}.node.division.kd,.node.department.kd{background-color:rgb(251,140,0,0.8)}.node.division.cungung,.node.department.cungung{background-color:#366092}.node.division.hc,.node.department.hc{background-color:rgb(25,118,210,0.8)}.node.division.rnd{background-color:#9bbb59}.node.division.sx{background-color:#388e3c}.department-list{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:30px;width:170px;padding-left:20px;box-sizing:border-box;border-left:2px solid #999}.department-list::before{content:'';position:absolute;top:-30px;left:-2px;height:30px;width:2px;background-color:#999;z-index:0}.department-list .node.department{width:145px;justify-content:center;padding-left:10px;margin:0}.department-list .node.department::before{content:'';position:absolute;top:50%;left:-20px;width:20px;height:2px;background-color:#999}.department-list .node.department:last-child::after{content:'';position:absolute;left:-24px;width:6px;top:55%;bottom:-10px;background-color:#f7f9fc;z-index:1}.production-column-fix{display:flex;flex-direction:column;align-items:center !important;position:relative;overflow:visible !important;z-index:1;min-width:240px}.production-column-fix>.node.division::before,.production-column-fix>.node.division::after{display:none !important}.production-column-fix::before{content:'';position:absolute;z-index:1;left:50%;transform:translateX(-50%);top:-25px;height:35px;width:2px;background-color:#999;display:block !important}.prod-tree-wrapper{position:relative;margin-top:30px;width:170px;border-left:2px solid #999;padding-left:25px;box-sizing:border-box}.prod-tree-wrapper::before{content:'';position:absolute;top:-30px;left:-2px;height:30px;width:2px;background-color:#999;z-index:0}.prod-tree-wrapper .prod-branch:last-child::after{content:'';position:absolute;left:-29px;width:6px;top:22px;bottom:-20px;background-color:#f7f9fc;z-index:1}.prod-branch{position:relative;width:100%;margin-bottom:15px}.prod-branch::before{content:'';position:absolute;top:20px;left:-25px;width:25px;height:2px;background-color:#999}.prod-branch .node{margin:0 !important;width:145px !important}.prod-branch .main-node{background-color:#388e3c !important}.prod-branch .node.qa{background-color:#c4d79b !important;color:#000 !important}.prod-branch .node.tech{background-color:#a5a5a5 !important;color:#fff !important}.prod-sub-list{position:relative;margin-top:15px;margin-left:15px;padding-left:20px;border-left:2px solid #999}.prod-sub-list::before{content:'';position:absolute;top:-15px;left:-2px;width:2px;height:15px;background-color:#999}.prod-sub-list .node.step:last-child::after{content:'';position:absolute;left:-24px;width:6px;top:55%;bottom:-10px;background-color:#f7f9fc;z-index:1}.prod-sub-list .node.step{background-color:#42a5f5 !important;width:110px !important;margin-bottom:8px !important}.prod-sub-list .node.step::before{content:'';position:absolute;top:50%;left:-20px;width:20px;height:2px;background-color:#999;z-index:0}.org-hover-tooltip{position:absolute;background:rgba(15,23,42,0.95);backdrop-filter:blur(6px);color:#f8fafc;padding:15px 20px;border-radius:8px;font-size:13px;text-align:center;max-width:400px;width:max-content;z-index:9999;pointer-events:none;opacity:0;transform:translateY(10px) translateX(-50%);transition:opacity .25s,transform .25s;box-shadow:0 10px 25px -5px rgba(0,0,0,0.3);line-height:1.5}.org-hover-tooltip.show{opacity:1;transform:translateY(0) translateX(-50%)}.org-hover-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,0.95) transparent transparent transparent}.dynamic-panels-wrapper{max-width:100%;margin:40px auto 0;padding-top:30px;border-top:2px dashed #cbd5e1}.dynamic-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);margin-bottom:20px}.section-title{margin-top:0;color:#1e293b;font-size:20px;border-bottom:2px solid #f1f5f9;padding-bottom:10px;margin-bottom:20px}.designations-grid{display:flex;flex-wrap:wrap;gap:15px}.designation-card{background:#f8fafc;padding:12px 20px;border-radius:6px;font-weight:600;color:#334155;border:1px solid #e2e8f0;transition:all .2s;cursor:pointer}.designation-card:hover{background:#e0f2fe;border-color:#38bdf8;color:#0284c7;transform:translateY(-2px)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.employee-card{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #eef2f6;box-shadow:0 2px 5px rgba(0,0,0,0.03)}.employee-avatar{width:60px !important;height:60px !important;border-radius:50%;object-fit:cover;margin-right:14px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.employee-details{display:flex;flex-direction:column;overflow:hidden}.employee-name{font-size:1rem;font-weight:700;color:#1e293b;line-height:1.2}.employee-position{font-size:.75rem;color:#64748b;font-weight:500;margin-top:2px}.tree-container{max-width:100% !important;overflow-x:auto !important;overflow-y:hidden;padding-bottom:20px;box-sizing:border-box;display:block !important;text-align:center !important;white-space:nowrap}.dept-tree{display:inline-block !important;min-width:max-content !important;margin:0 auto;padding:20px 40px}.dept-tree ul{padding-top:25px;position:relative;display:flex;justify-content:center;padding-left:0;margin:0}.dept-tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:25px 8px 0 8px}.dept-tree li::before,.dept-tree li::after{content:'';position:absolute;top:0;right:50%;border-top:2px solid #999;width:50%;height:25px}.dept-tree li::after{right:auto;left:50%;border-left:2px solid #999}.dept-tree li:only-child::after,.dept-tree li:only-child::before{display:none}.dept-tree li:only-child{padding-top:0}.dept-tree li:first-child::before,.dept-tree li:last-child::after{border:0 none}.dept-tree li:last-child::before{border-right:2px solid #999;border-radius:0 4px 0 0}.dept-tree li:first-child::after{border-radius:4px 0 0 0}.dept-tree ul::before{content:'';position:absolute;top:0;left:50%;border-left:2px solid #999;width:0;height:25px;transform:translateX(-50%)}.dept-tree .node{margin:0 auto}.dept-tree .node{white-space:normal !important;word-wrap:break-word;max-width:180px;min-width:140px;min-height:60px;display:inline-flex !important;align-items:center;justify-content:center;text-align:center;line-height:1.4;padding:10px;box-sizing:border-box;vertical-align:top}.node.management{background-color:#263238 !important}.node.bks-style{background-color:#ffd54f !important;color:#000 !important;font-weight:700;width:150px;margin:0}.node.kd{background-color:rgb(251,140,0,0.9) !important}.node.cungung{background-color:#366092 !important}.node.hc{background-color:rgb(25,118,210,0.9) !important}.node.rnd{background-color:#9bbb59 !important}.node.sx{background-color:#388e3c !important}.node.qa{background-color:#c4d79b !important;color:#000 !important}.node.tech{background-color:#a5a5a5 !important;color:#fff !important}.node.step{background-color:#42a5f5 !important}.dept-tree>ul::before{display:none !important}.dept-tree>ul{padding-top:0 !important}.org-chart{margin-bottom:10px !important}.dynamic-panels-wrapper{margin-top:10px !important;padding-top:15px !important}.dynamic-section{margin-bottom:15px !important}.details-and-employees-layout{display:flex;gap:25px;align-items:flex-start;margin-top:10px}.job-description-panel{flex:0 0 40%;background:#1e293b;padding:20px;border-radius:8px;border-left:4px solid #38bdf8;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.job-description-panel .panel-title{font-size:16px;color:#38bdf8;margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #334155;text-transform:uppercase;font-weight:600}.employees-list-panel{flex:1}@media(max-width:900px){.details-and-employees-layout{flex-direction:column}.job-description-panel{flex:none;width:100%}}#department-tree-section{max-width:100% !important;box-sizing:border-box;overflow:hidden}#department-tree-container{max-width:100% !important;overflow-x:auto !important;overflow-y:hidden;padding-bottom:20px;box-sizing:border-box;display:flex;justify-content:center}.dept-tree{width:max-content !important;padding-left:20px;padding-right:20px}#department-tree-container::-webkit-scrollbar{height:8px}#department-tree-container::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}#department-tree-container::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}#department-tree-container::-webkit-scrollbar-thumb:hover{background:#38bdf8}.org-focus-layout{max-width:100%}.org-chart-stage{transition:opacity .25s ease,transform .25s ease,max-height .3s ease}.org-chart-stage.is-collapsed{max-height:0;opacity:0;transform:translateY(-8px);overflow:hidden;pointer-events:none}.org-focus-panel{max-width:1320px;margin:24px auto 0 !important;padding:0 !important;border-top:0 !important;animation:orgFocusIn .25s ease}@keyframes orgFocusIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.org-focus-toolbar{position:sticky;top:10px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-bottom:16px;background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.25);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,0.18);backdrop-filter:blur(10px)}.org-focus-eyebrow{color:#38bdf8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.org-focus-active-title{color:#f8fafc;font-size:18px;font-weight:800;line-height:1.25}.org-focus-actions{display:flex;align-items:center;gap:8px}.org-focus-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid rgba(148,163,184,0.35);border-radius:10px;background:rgba(30,41,59,0.9);color:#e2e8f0;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.org-focus-btn:hover{background:#2563eb;border-color:#60a5fa;transform:translateY(-1px)}.org-focus-close{width:38px;padding:0;font-size:26px;line-height:1}.org-chart-toggle-icon{display:inline-block;transition:transform .2s ease}.org-chart-toggle-icon.is-expanded{transform:rotate(180deg)}.org-focus-panel .dynamic-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,0.08)}.org-focus-panel #department-tree-section{overflow:hidden}.org-focus-panel .details-and-employees-layout{margin-top:0}@media(max-width:768px){.org-focus-toolbar{position:static;flex-direction:column;align-items:stretch}.org-focus-actions{justify-content:space-between}.org-focus-btn:not(.org-focus-close){flex:1}}