.sidebar-transition{transition:all .3s ease-in-out}.sidebar-transition nav::-webkit-scrollbar{width:8px}.sidebar-transition nav::-webkit-scrollbar-track{background:var(--bs-light);border-radius:4px}.sidebar-transition nav::-webkit-scrollbar-thumb{background:var(--bs-border-color);border-radius:4px;border:1px solid var(--bs-light)}.sidebar-transition nav::-webkit-scrollbar-thumb:hover{background:var(--bs-secondary)}.sidebar-transition nav{scrollbar-width:thin;scrollbar-color:var(--bs-border-color) var(--bs-light)}.main-content{scroll-behavior:smooth;scroll-padding-top:20px;margin-left:250px;transition:margin-left .3s ease}.sidebar{background:#fff;box-shadow:0 .125rem .25rem #00000013}.sidebar .nav-link{color:#6c757d;padding:12px 20px;margin:2px 0;border-radius:8px;transition:all .3s ease;font-weight:500;background:transparent}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff!important;background:#6c757d!important;transform:translate(5px);box-shadow:0 4px 8px #6c757d4d}.sidebar .nav-link i{width:20px;margin-right:10px;color:#6c757d;opacity:.8}.sidebar .nav-link:hover i,.sidebar .nav-link.active i{color:#fff!important}.nav-section{border-bottom:1px solid #e9ecef;padding-bottom:.5rem}.nav-section:last-child{border-bottom:none}.nav-section-title{font-size:.7rem;letter-spacing:.5px;margin-bottom:.5rem;padding-left:.75rem;color:#6c757d}.nav-link{border-radius:6px;margin-bottom:2px;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;padding:8px 12px}.nav-link:hover{background:var(--bs-light)!important;color:var(--bs-primary)!important;transform:translate(2px)}.nav-link.active{background:var(--bs-primary)!important;color:#fff!important;box-shadow:0 2px 4px #0d6efd4d;transform:translate(4px)}*:focus{outline:2px solid var(--bs-primary);outline-offset:2px}html{scroll-behavior:smooth}.gantt-container{height:600px;overflow:auto;background:var(--bs-light);border:1px solid var(--bs-border-color);border-radius:.375rem}.gantt-header{background:var(--bs-light);color:var(--bs-dark);border-bottom:1px solid var(--bs-border-color);padding:.75rem;font-weight:600}.card-header{background:var(--bs-primary);color:var(--bs-white);border-bottom:1px solid var(--bs-primary)}.tab-content .card-header{background:var(--bs-primary-bg-subtle);color:var(--bs-primary);border-bottom:1px solid var(--bs-border-color)}.modal-header{background:var(--bs-primary);color:var(--bs-white);border-bottom:1px solid var(--bs-primary)}.btn-primary{background:var(--bs-primary);border-color:var(--bs-primary)}.btn-primary:hover{background:var(--bs-primary);border-color:var(--bs-primary);filter:brightness(.9)}.btn-secondary{background:var(--bs-secondary);border-color:var(--bs-secondary)}.btn-secondary:hover{background:var(--bs-secondary);border-color:var(--bs-secondary);filter:brightness(.9)}.btn-success{background:var(--bs-success);border-color:var(--bs-success)}.btn-success:hover{background:var(--bs-success);border-color:var(--bs-success);filter:brightness(.9)}.btn-warning{background:var(--bs-warning);border-color:var(--bs-warning)}.btn-warning:hover{background:var(--bs-warning);border-color:var(--bs-warning);filter:brightness(.9)}.btn-danger{background:var(--bs-danger);border-color:var(--bs-danger)}.btn-danger:hover{background:var(--bs-danger);border-color:var(--bs-danger);filter:brightness(.9)}.btn-info{background:var(--bs-info);border-color:var(--bs-info)}.btn-info:hover{background:var(--bs-info);border-color:var(--bs-info);filter:brightness(.9)}.btn-outline-primary{color:var(--bs-primary);border-color:var(--bs-primary)}.btn-outline-primary:hover{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.btn-outline-secondary{color:var(--bs-secondary);border-color:var(--bs-secondary)}.btn-outline-secondary:hover{background:var(--bs-secondary);border-color:var(--bs-secondary);color:#fff}.nav-tabs .nav-link{color:var(--bs-dark);background:transparent;border:1px solid transparent;border-radius:.375rem .375rem 0 0;padding:.5rem 1rem;transition:all .2s ease}.nav-tabs .nav-link:hover{background:#021120!important;border-color:var(--bs-border-color);color:var(--bs-primary)}.nav-tabs .nav-link.active{background:#12202d!important;border-color:var(--bs-primary);color:#fff}.fas,.far,.fab{width:1em;height:1em;font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Brands"!important;font-weight:900!important;display:inline-block!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;line-height:1!important}.fas:before,.far:before,.fal:before,.fab:before,.fa:before{display:inline-block!important}@media (max-width: 768px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar-transition{transform:translate(0)!important}}.plan-create .card-header{background:var(--bs-white);color:var(--bs-dark);border-bottom:1px solid var(--bs-border-color)}.plan-create .icon-chip{background:var(--bs-light);border:2px solid var(--bs-primary);color:var(--bs-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--bs-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bs-light) 25%,var(--bs-border-color) 50%,var(--bs-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-dark{background:linear-gradient(90deg,var(--bs-dark) 25%,var(--bs-secondary) 50%,var(--bs-dark) 75%);background-size:200% 100%;animation:loading 1.5s infinite}
