:root{--sidebar-width: 280px;--sidebar-bg: #ffffff;--main-bg: #f4f7f6}body{background-color:var(--main-bg);overflow-x:hidden}.wrapper{display:flex;width:100%;align-items:stretch}.main-header{background-color:#fff}#sidebar{min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--sidebar-bg);transition:all .3s;position:relative;z-index:1000;min-height:100vh}#content{width:100%;padding:0;transition:all .3s}@media (max-width: 991.98px){#sidebar{position:fixed;top:0;left:0;height:100vh;z-index:999;transform:translate(calc(-1 * var(--sidebar-width)));box-shadow:0 0 15px #0000001a}#sidebar.active{transform:translate(0)}.overlay{display:none;position:fixed;width:100vw;height:100vh;background:#000000b3;z-index:998;opacity:0;transition:all .5s ease-in-out}.overlay.active{display:block;opacity:1}}.sidebar-header{border:none;box-shadow:none}.sidebar-logo{max-width:220px;height:auto}#sidebar .components{padding-left:0}#sidebar .nav-link{color:#555;font-weight:500;transition:all .2s;margin-bottom:5px;border-radius:0 50px 50px 0}#sidebar .nav-link:hover,#sidebar li.active>a,#sidebar .nav-link[aria-expanded=true]{background:linear-gradient(90deg,#a88bff,#8c57ff);color:#fff;box-shadow:0 4px 8px #8c57ff4d}#sidebar .nav-link[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.toggle-icon{transition:transform .3s}#sidebar ul.collapse a{background:transparent;color:#555;box-shadow:none;border-radius:0}#sidebar ul.collapse a:hover,#sidebar ul.collapse li.active>a{background:#f0ebff;color:#8c57ff;border-radius:0 50px 50px 0}#sidebar ul.collapse a .bi-circle{font-size:.5em;vertical-align:middle}.dropdown-toggle:after{display:none}.main-content{padding:1.5rem}.content-card{background-color:#fff;border-radius:5px;border:none;box-shadow:0 4px 12px #0000000d}.card-header-custom{background-color:#fff;padding:1.25rem 1.5rem;border-bottom:1px solid #eff2f5;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-header-custom .card-title{margin-bottom:0;font-size:1.1rem;font-weight:600}.card-body-custom{padding:1.5rem}.btn-gradient{background:linear-gradient(90deg,#a88bff,#8c57ff);border:none;color:#fff;box-shadow:0 4px 8px #8c57ff4d;transition:all .3s ease}.btn-gradient:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #8c57ff66}.table{border-color:#eff2f5}.table thead th{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom-width:1px}.table tbody td{vertical-align:middle}.table.table-hover tbody tr:hover{background-color:#f8f9fa}.badge-custom{background-color:#f0ebff;color:#8c57ff;font-weight:500;padding:.4em .7em}#content{min-width:0}.form-label{font-weight:500;color:#495057}.form-control{border:1px solid #ced4da;border-radius:8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#a88bff;box-shadow:0 0 0 .25rem #8c57ff40}.role-checkbox-group{background-color:#f8f9fa;border:1px solid #e9ecef;padding:1rem;border-radius:8px}.form-check-input:checked{background-color:#8c57ff;border-color:#8c57ff}.permission-checkbox-group{background-color:#f8f9fa;border:1px solid #e9ecef;padding:1.5rem;border-radius:8px}.permission-module-group{padding-bottom:1rem}.permission-module-group:not(:last-child){border-bottom:1px solid #e9ecef;margin-bottom:1rem}.module-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8c57ff;margin-bottom:1rem}.form-check-label{text-transform:capitalize}.modal-delete{border-radius:12px;border:none}.modal-delete .modal-header{border-bottom:1px solid #eff2f5;padding:1rem 1.5rem}.modal-delete .modal-body{padding:1.5rem}.modal-delete .modal-footer{background-color:#f8f9fa;border-top:1px solid #eff2f5;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.main-alert{margin:1.5rem 1.5rem 0rem}.form-section-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8c57ff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.dt-layout-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.dt-search{text-align:right;margin-bottom:1rem;position:relative}.dt-search input{width:250px;display:inline-block;border-radius:8px;border:1px solid #ced4da;padding:.375rem 2.5rem .375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dt-search:after{font-family:bootstrap-icons;content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#6c757d;pointer-events:none}.dt-search input:focus{border-color:#a88bff;box-shadow:0 0 0 .25rem #8c57ff40;outline:0}.dt-length select{width:80px;display:inline-block;border-radius:8px;border:1px solid #ced4da;padding:.375rem .75rem}.dt-length select:focus{border-color:#a88bff;box-shadow:0 0 0 .25rem #8c57ff40;outline:0}.dt-buttons .btn{margin-left:.5rem;background:#f8f9fa;border:1px solid #dee2e6}.dt-buttons .btn:hover{background:#e9ecef}.dt-paging .pagination{justify-content:flex-end}#employees-table{width:100%!important}