css .accordion-toggle{cursor:pointer;background:#f5f5f5;padding:15px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:background .3s}.toggle-icon{transition:transform .3s;font-size:14px}.toggle-checkbox{width:30px;height:30px;border-radius:50%;background:#40c4ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;margin:0 auto;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-checkbox:hover{background:#00b0ff;transform:scale(1.1)}.toggle-checkbox.active{background:#00b0ff;transform:rotate(45deg)}.subdepartment-content{display:none;padding:15px;background:#f8f9fa;border-radius:8px;margin-top:10px}.subdepartment-content.active{display:block}.ckp-general-block .ckp-content p{font-weight:500;font-size:18px;font-family:system-ui}.ckp-general-block{background:#5bd8e9;border-radius:12px;padding:20px;margin:20px 0;background-color:#e0f7fa;padding:20px;border:1px solid #80deea;border-radius:4px}.ckp-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ckp-icon{font-size:24px}.ckp-content{background:rgba(255,255,255,.15);padding:15px;border-radius:8px}.chart-container{background:#fff;padding:20px;border-radius:8px;margin:20px 0}.chart-controls button{margin:5px;padding:8px 15px;border:0;border-radius:4px;background:#40c4ff;color:#fff;cursor:pointer;transition:background .3s}.chart-controls button:hover{background:#00b0ff}.subddiv{display:flex}.main-department-product{width:100%;text-align:center;padding:20px;margin-top:40px;background:#86c7ff7a}.ckp-content{max-width:100%;padding:20px;border-radius:4px}.company-header{display:grid;justify-content:center;align-items:center;margin-bottom:30px}.company-logo{max-width:65px;height:auto;margin-left:auto;margin-right:auto;margin-bottom:15px}.company-name{margin:0}.ckp-block{background-color:#e0f7fa;padding:20px;border:1px solid #80deea;border-radius:4px;text-align:center}.orgchart-ckp-description{text-align:center;background:#b9dff4;padding:20px;font-size:27px;margin-bottom:200px}.orgchart-ckp-description p{font-size:17px;margin-left:auto;margin-right:auto;width:50%}.department1{position:relative;width:100%}.admin-block{display:flex;align-items:center}#orgchart-container{width:100%;overflow:hidden;position:relative}.orgchart-board{min-height:800px;position:relative;background:#f5f5f5;padding:20px;display:flex;transform-origin:top left}.department-head{z-index:999}.department{width:90%;border:2px solid #333;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;position:relative}.department h2{margin:0 0 20px 0;padding:10px;border-radius:5px;text-align:center}.department-head{display:block;align-items:center;margin-bottom:20px;padding:15px;border-radius:5px;width:100%}.department-head img{width:80px;height:80px;border-radius:50%;margin-right:20px}.subdepartments-container{display:flex;justify-content:space-between;width:100%;margin-top:40px;position:relative}.subdepartments-container::before{content:"";position:absolute;top:-62px;left:50%;width:2px;height:62px;background:#333;transform:translateX(-50%)}.subdepartments-container::after{content:"";position:absolute;top:-19px;left:16.4%;width:67%;height:2px;background:#333}.subdepartment{width:30%;border:1px solid #ddd;border-radius:5px;padding:15px;position:relative}.subdepartment h4{margin:0 0 15px 0;padding:8px;border-radius:3px;text-align:center}.employee{display:flex;align-items:center}.employee img{width:50px;height:50px;border-radius:50%;margin-right:15px}h3,h4,h5{margin:0}.tab.department-10{background:#e3f2fd}.tab-link.department-10{background:#bbdefb}.tab.department-12{background:#fff3e0}.tab-link.department-12{background:#ffe0b2}.tab.department-13{background:#e8f5e9}.tab-link.department-13{background:#c8e6c9!important}.tab.department-15{background:#fce4ec}.tab-link.department-15{background:#f8bbd0}.tab.department-16{background:#e8eaf6}.tab-link.department-16{background:#c5cae9}.tab.department-17{background:#fff8e1}.tab-link.department-17{background:#ffecb3}.tab.department-44{background:#e0f2f1}.tab-link.department-44{background:#b2dfdb}.department:nth-child(7n+1){background:#e3f2fd}.department:nth-child(7n+1) h2,.department:nth-child(7n+1) .department-head,.department:nth-child(7n+1) .subdepartment h4{background:#bbdefb}.department:nth-child(7n+2){background:#fff3e0}.department:nth-child(7n+2) h2,.department:nth-child(7n+2) .department-head,.department:nth-child(7n+2) .subdepartment h4{background:#ffe0b2}.department:nth-child(7n+3){background:#e8f5e9}.department:nth-child(7n+3) h2,.department:nth-child(7n+3) .department-head,.department:nth-child(7n+3) .subdepartment h4{background:#c8e6c9}.department:nth-child(7n+4){background:#fce4ec}.department:nth-child(7n+4) h2,.department:nth-child(7n+4) .department-head,.department:nth-child(7n+4) .subdepartment h4{background:#f8bbd0}.department:nth-child(7n+5){background:#e8eaf6}.department:nth-child(7n+5) h2,.department:nth-child(7n+5) .department-head,.department:nth-child(7n+5) .subdepartment h4{background:#c5cae9}.department:nth-child(7n+6){background:#fff8e1}.department:nth-child(7n+6) h2,.department:nth-child(7n+6) .department-head,.department:nth-child(7n+6) .subdepartment h4{background:#ffecb3}.department:nth-child(7n+7){background:#e0f2f1}.department:nth-child(7n+7) h2,.department:nth-child(7n+7) .department-head,.department:nth-child(7n+7) .subdepartment h4{background:#b2dfdb}.orgchart-tabs{width:100%}.tab-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab-link{padding:10px 20px;background-color:#f0f0f0;border:0;cursor:pointer;transition:background-color .3s;border-radius:5px}.tab-link:hover,.tab-link.active{background-color:#ddd}button.tab-link{flex:1 1 10%;height:75px}.tab-content{border:1px solid #ddd;border-radius:5px}.tab-content .tab{padding:30px}.tab{display:none}.subdepartment{margin-bottom:20px;padding:30px;border:1px solid #ddd;border-radius:5px}.employees-list{display:flex;flex-wrap:wrap;gap:10px}.employee img{width:50px;height:50px;border-radius:50%}.chart-container{margin-top:20px;border:1px solid #ddd;padding:20px;border-radius:5px}.chart-controls{display:flex;justify-content:center;margin-top:10px}.chart-controls button{margin:0 5px;padding:5px 10px;border:0;background-color:#0073aa;color:#fff;cursor:pointer;transition:background-color .3s;border-radius:5px}.chart-controls button:hover{background-color:#005177}.tooltipster-sidetip .tooltipster-content{color:#000!important;line-height:18px;width:300px;background:#fff;border:#fff;padding:6px 14px}.department1{display:flex;justify-content:space-between;align-items:center}.department1 h2,.department1 h4{margin:0}.department-head{display:flex;align-items:center}.department-head img{margin-right:10px}.subdepartments-container{flex-wrap:wrap}.subdepartment{flex:1 1 30%;margin:10px}.employee h5{margin:10px 0}.employee p{margin:5px 0}.chart-container canvas{width:100%;height:auto}@media (max-width:768px){.subdepartment{flex:1 1 45%}}@media (max-width:480px){.subdepartment{flex:1 1 100%}}