:root{--hms-primary:#556ee6;--hms-primary-dark:#4458c4;--hms-primary-light:#eef1fd;--hms-radius-sm:0.4rem;--hms-radius:0.65rem;--hms-radius-lg:0.9rem;--hms-shadow-sm:0 1px 2px rgba(16,24,40,.06);--hms-shadow:0 2px 10px rgba(16,24,40,.07);--hms-shadow-lg:0 10px 30px rgba(16,24,40,.12);--hms-border:#eef0f4}*{scrollbar-color:#c9cede transparent;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c9cede;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#a9b0c4}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{border:1px solid var(--hms-border)!important;border-radius:var(--hms-radius)!important;box-shadow:var(--hms-shadow-sm);transition:box-shadow .2s ease,transform .15s ease}.card:hover{box-shadow:var(--hms-shadow)}.card-title,.card-title-desc{letter-spacing:.01em}.card-title{font-weight:600}.btn{border-radius:var(--hms-radius-sm)!important;font-weight:500;letter-spacing:.01em;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--hms-primary)!important;border-color:var(--hms-primary)!important;box-shadow:0 2px 6px rgba(85,110,230,.35)}.btn-primary:focus,.btn-primary:hover{background-color:var(--hms-primary-dark)!important;border-color:var(--hms-primary-dark)!important;box-shadow:0 4px 12px rgba(85,110,230,.45)}.btn-group-sm>.btn,.btn-sm{border-radius:var(--hms-radius-sm)!important}.btn.modal-trigger.button{align-items:center;border-radius:50%!important;box-shadow:var(--hms-shadow);display:inline-flex;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.custom-select,.form-control{border-color:#dfe2ea;border-radius:var(--hms-radius-sm)!important;transition:border-color .15s ease,box-shadow .15s ease}.custom-select:focus,.form-control:focus{border-color:var(--hms-primary);box-shadow:0 0 0 .15rem rgba(85,110,230,.15)}label{color:#495057;font-weight:500}.v-select .vs__dropdown-toggle{border-color:#dfe2ea;border-radius:var(--hms-radius-sm)!important;padding:.1rem}.v-select .vs__search:focus,.v-select.vs--open .vs__dropdown-toggle{border-color:var(--hms-primary);box-shadow:0 0 0 .15rem rgba(85,110,230,.15)}.vs__dropdown-menu{border-color:var(--hms-border);border-radius:var(--hms-radius-sm);box-shadow:var(--hms-shadow-lg)}.vs__dropdown-option--highlight{background:var(--hms-primary)!important}.table thead th{background-color:#fbfbfe;border-bottom:1px solid var(--hms-border)!important;color:#7c8698;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.table td,.table th{vertical-align:middle}.table-hover tbody tr:hover{background-color:var(--hms-primary-light)}.badge{border-radius:50rem!important;font-weight:600;letter-spacing:.02em;padding:.35em .75em!important}.modal-content{border:none!important;border-radius:var(--hms-radius-lg)!important;box-shadow:var(--hms-shadow-lg);overflow:hidden}.modal-header{border-bottom:1px solid var(--hms-border);padding:1.1rem 1.5rem}.modal-title{font-weight:600}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--hms-border);padding:1rem 1.5rem}.modal-backdrop.show{opacity:.55}.nav-tabs .nav-link{border:none;border-bottom:2px solid transparent;border-radius:0;color:#7c8698;font-weight:500;transition:color .15s ease,border-color .15s ease}.nav-tabs .nav-link.active{background:transparent;border-bottom-color:var(--hms-primary);color:var(--hms-primary)}.nav-tabs{border-bottom:1px solid var(--hms-border)}#sidebar-menu ul li a{border-radius:0 24px 24px 0;margin-right:12px;transition:background-color .15s ease,color .15s ease}#sidebar-menu ul li a.active,#sidebar-menu ul li a:hover{background-color:rgba(85,110,230,.08);color:var(--hms-primary)}.navbar-header{box-shadow:var(--hms-shadow-sm)}.dropdown-menu{border-color:var(--hms-border);border-radius:var(--hms-radius)!important;box-shadow:var(--hms-shadow-lg)}.pagination .page-link{border-color:var(--hms-border);border-radius:var(--hms-radius-sm)!important;margin:0 2px}.pagination .page-item.active .page-link{background-color:var(--hms-primary);border-color:var(--hms-primary)}@keyframes hms-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card,.modal.show .modal-dialog{animation:hms-fade-in .2s ease}
