:root{--mx-ink:#0A0E1F;--mx-ink2:#141A38;--mx-purple:#8B18E8;--mx-violet:#6D28F5;--mx-blue:#2563EB;--mx-cyan:#22D3EE;--mx-grad:linear-gradient(135deg,#8B18E8 0%,#5B2BEF 45%,#2563EB 72%,#22D3EE 100%);--bs-primary:#6D28F5;--bs-primary-rgb:109,40,245;--bs-link-color:#6D28F5;--bs-link-hover-color:#2563EB} body{background-color:#F3F5FC} .wrapper{background-color:#F3F5FC} .main-panel{background-color:#F3F5FC!important} .sidebar,.off-canvas-sidebar{background:#0A0E1F!important} .sidebar:after,.off-canvas-sidebar:after{background:linear-gradient(180deg,#161D40 0%,#0C1226 55%,#080B18 100%)!important;opacity:1!important} .sidebar:before,.off-canvas-sidebar:before{background:transparent!important;opacity:1!important} .sidebar .logo{border-bottom:1px solid rgba(255,255,255,.08)!important;padding:16px 12px!important} .sidebar .logo:after{display:none!important} .mx-brand{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none} .mx-brand img{height:40px;width:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(109,40,245,.55))} .mx-brand span{color:#fff;font-weight:700;letter-spacing:3px;font-size:17px;line-height:1} .mx-brand:hover span{color:#fff} .sidebar .nav{margin-top:14px} .sidebar .nav li>a{color:#C3CBE8!important;border-radius:10px;margin:2px 12px;opacity:1!important;transition:all .2s ease} .sidebar .nav li>a i{color:#8FA0D8!important} .sidebar .nav li>a:hover{background-color:rgba(109,40,245,.18)!important;color:#fff!important} .sidebar .nav li>a:hover i{color:#22D3EE!important} .sidebar .nav li.active>a{background-image:linear-gradient(135deg,#8B18E8 0%,#5B2BEF 45%,#2563EB 72%,#22D3EE 100%)!important;background-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(109,40,245,.35)} .sidebar .nav li.active>a i,.sidebar .nav li.active>a p{color:#fff!important} .sidebar .nav li.active>a:before,.sidebar .nav li.active>a:after{display:none!important} .sidebar .nav .caret{color:#8FA0D8} .navbar.bg-primary,.navbar.navbar-transparent{background-color:transparent!important;background-image:none!important} .navbar .navbar-brand{color:#0A0E1F!important;font-weight:700;letter-spacing:.5px} .navbar .navbar-nav .nav-link,.navbar .navbar-nav .nav-link i,.navbar .navbar-nav .nav-link p{color:#0A0E1F!important} .navbar .navbar-toggler-bar{background-color:#0A0E1F!important} .btn{border-radius:10px} .btn-round{border-radius:30px!important} .btn-primary,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-image:linear-gradient(135deg,#8B18E8 0%,#5B2BEF 45%,#2563EB 72%,#22D3EE 100%)!important;background-color:#6D28F5!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px rgba(109,40,245,.28)!important} .btn-primary:hover{filter:brightness(1.1);color:#fff!important} .btn-outline-primary{color:#6D28F5!important;border-color:#6D28F5!important;background-color:transparent!important} .btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus{background-image:linear-gradient(135deg,#8B18E8,#2563EB)!important;color:#fff!important;border-color:transparent!important} .btn-info,.btn-info:hover,.btn-info:focus{background-image:linear-gradient(135deg,#2563EB,#22D3EE)!important;background-color:#2563EB!important;border-color:transparent!important;color:#fff!important} .btn-outline-info{color:#2563EB!important;border-color:#2563EB!important} .btn-success,.btn-success:hover,.btn-success:focus{background-image:linear-gradient(135deg,#0E9F6E,#22C55E)!important;background-color:#16A34A!important;border-color:transparent!important;color:#fff!important} .btn-danger,.btn-danger:hover,.btn-danger:focus{background-image:linear-gradient(135deg,#E11D48,#F43F5E)!important;background-color:#E11D48!important;border-color:transparent!important;color:#fff!important} .btn-warning,.btn-warning:hover,.btn-warning:focus{background-image:linear-gradient(135deg,#F59E0B,#FBBF24)!important;background-color:#F59E0B!important;border-color:transparent!important;color:#20160A!important} .btn-outline-secondary:hover{background-color:#0A0E1F!important;border-color:#0A0E1F!important;color:#fff!important} .text-primary{color:#6D28F5!important} .badge-primary,.badge.bg-primary,span.bg-primary,div.bg-primary,td.bg-primary,.bg-gradient-primary{background-image:linear-gradient(135deg,#8B18E8,#2563EB)!important;background-color:#6D28F5!important;color:#fff!important} .progress-bar,.progress-bar.bg-primary{background-image:linear-gradient(135deg,#8B18E8,#22D3EE)!important;background-color:#6D28F5!important} .card{border:1px solid #E7EAF6!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(10,14,31,.06)!important} .card .card-header{background-color:transparent!important;border-bottom:1px solid #EEF0F8!important} .card .card-title{color:#0A0E1F} .table thead th{color:#0A0E1F!important;font-weight:600;border-bottom:2px solid rgba(109,40,245,.35)!important} .table tbody tr:hover{background-color:rgba(109,40,245,.05)!important} .form-control:focus,.form-select:focus,textarea:focus,select:focus{border-color:#6D28F5!important;box-shadow:0 0 0 .18rem rgba(109,40,245,.16)!important} .nav-pills .nav-item .nav-link.active,.nav-pills .nav-link.active{background-image:linear-gradient(135deg,#8B18E8,#2563EB)!important;background-color:#6D28F5!important;color:#fff!important;box-shadow:0 6px 16px rgba(109,40,245,.3)!important} .nav-tabs .nav-link.active{color:#6D28F5!important;border-color:transparent transparent #6D28F5!important;border-bottom-width:2px!important} .main-panel a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link){color:#5B2BEF} .dropdown-menu{border-radius:12px;border:1px solid #E7EAF6;box-shadow:0 12px 30px rgba(10,14,31,.12)} .dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background-color:rgba(109,40,245,.08)!important;color:#5B2BEF!important} .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#6D28F5!important;background-image:none!important;border:none!important;border-radius:8px!important;color:#fff!important} .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#2563EB!important;background-image:none!important;border:none!important;border-radius:8px!important;color:#fff!important} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#6D28F5!important} .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border-radius:8px!important} .swal2-styled.swal2-confirm{background-image:linear-gradient(135deg,#8B18E8,#2563EB)!important;background-color:#6D28F5!important;border:none!important;box-shadow:0 8px 20px rgba(109,40,245,.35)!important} .swal2-styled.swal2-cancel{background-color:#0A0E1F!important;border:none!important} .page-item.active .page-link{background-color:#6D28F5!important;border-color:#6D28F5!important} .full-page:after,.full-page[filter-color=black]:after{background:linear-gradient(160deg,rgba(8,11,24,.88) 0%,rgba(26,10,64,.78) 50%,rgba(8,11,24,.92) 100%)!important;opacity:1!important} .card-login,.card-login.card-plain{background-color:rgba(10,14,31,.72)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 26px 70px rgba(0,0,0,.45)!important;padding:26px 24px 14px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .card-login .card-header{background:transparent!important;border:none!important;padding-bottom:0!important} .card-login .logo-container{text-align:center} .card-login .logo-container img{max-width:240px;width:82%;height:auto;display:inline-block;margin:6px auto 24px;filter:drop-shadow(0 10px 28px rgba(109,40,245,.5))} .card-login .input-group{margin-bottom:16px;background:rgba(255,255,255,.06);border-radius:12px;border:1px solid rgba(255,255,255,.10)} .card-login .input-group .input-group-text{background:transparent!important;border:none!important;color:#22D3EE!important} .card-login .form-control{background:transparent!important;border:none!important;color:#fff!important;box-shadow:none!important} .card-login .form-control::placeholder{color:#93A0C4!important} .card-login .btn{background-image:linear-gradient(135deg,#8B18E8 0%,#5B2BEF 45%,#2563EB 72%,#22D3EE 100%)!important;border:none!important;color:#fff!important;font-weight:600;letter-spacing:.5px;box-shadow:0 12px 30px rgba(109,40,245,.45)!important} .login-page .navbar .navbar-brand,.login-page .navbar .nav-link,.login-page .navbar .nav-link i{color:#fff!important} .login-page .navbar .navbar-toggler-bar{background-color:#fff!important} .panel-header{background:linear-gradient(135deg,#0A0E1F 0%,#2A1160 42%,#1441A6 72%,#0E7FA8 100%)!important} .panel-header .text-muted,.panel-header h2,.panel-header h5{color:#E7ECFF!important} .navbar .navbar-brand{color:#FFFFFF!important} .navbar .navbar-nav .nav-link,.navbar .navbar-nav .nav-link i,.navbar .navbar-nav .nav-link p{color:#FFFFFF!important} .navbar .navbar-toggler-bar{background-color:#FFFFFF!important} .card-stats .icon-big i{color:#6D28F5!important} .info-icon i,.info .icon i{color:#6D28F5!important} .footer .copyright a{color:#5B2BEF!important} .header.bg-gradient-primary{background:transparent!important;background-image:none!important} .card-login .logo-container{width:auto!important;max-width:100%!important;margin:0 auto!important;text-align:center} .card-login .logo-container img{max-width:230px!important;width:78%!important;height:auto!important}