@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css";:root{--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--header-height: 56px;--primary-color: #0d6efd;--sidebar-bg: #1e293b;--sidebar-text: #fff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f1f5f9}#app{margin:0;padding:0}.app-wrapper{display:block;min-height:100vh;width:100%;overflow-x:hidden;position:relative}.main-app-wrapper{display:block;min-height:100vh;width:100%;overflow-x:hidden;position:relative;background-color:#f8fafc}.main-app-wrapper>.mws-header{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:1030;transition:left .3s ease}.main-app-wrapper>.mws-header.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.mws-sidebar{position:fixed!important;top:0;left:0;width:var(--sidebar-width)!important;height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);transition:width .3s ease;overflow-y:auto;overflow-x:hidden;z-index:1040;display:flex;flex-direction:column}.mws-sidebar.collapsed{width:var(--sidebar-collapsed-width)!important}.mws-sidebar .app-sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);min-height:var(--header-height);display:flex;align-items:center}.mws-sidebar .app-sidebar-logo{display:flex;align-items:center;gap:.5rem}.mws-sidebar .app-sidebar-logo-text{font-size:1.15rem;font-weight:600;color:#fff;white-space:nowrap}.mws-sidebar.collapsed .app-sidebar-logo-text{display:none}.mws-sidebar .app-sidebar-content{overflow-y:auto;height:calc(100vh - var(--header-height))}.mws-sidebar .mws-ul-class{list-style:none;padding:.75rem;margin:0}.mws-sidebar .nav-item{margin-bottom:2px}.mws-sidebar .nav-link{color:#ffffffbf;padding:.625rem 1rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:.9rem}.mws-sidebar .nav-link:hover{background-color:#ffffff1a;color:#fff}.mws-sidebar .nav-link.active{background-color:var(--primary-color);color:#fff;margin-top:2px}.mws-sidebar .nav-link i{font-size:1.1rem;width:20px;text-align:center}.mws-sidebar.collapsed .nav-link span:not(.nav-icon){display:none}.mws-sidebar .submenu{padding-left:.5rem;margin-left:1.5rem;border-left:2px solid rgba(255,255,255,.15)}.mws-sidebar .submenu .nav-link{padding:.5rem .75rem;font-size:.85rem}.mws-main-content{margin-left:var(--sidebar-width);padding-top:var(--header-height);min-height:100vh;display:block;transition:margin-left .3s ease;background-color:#f8fafc;box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem}.mws-main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.main-app-wrapper>.mws-main-content{padding-top:calc(var(--header-height) + 1.25rem)}.mws-content{flex:1;background-color:#f8fafc;width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.mws-header{height:var(--header-height);background-color:#fff;border-bottom:1px solid #e2e8f0;position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:1030;transition:left .3s ease}.mws-header.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.mws-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.navbar{height:var(--header-height);background-color:#fff!important;box-shadow:0 1px 3px #0000001a}.card{border:none;box-shadow:0 1px 3px #0000001a;border-radius:.5rem}.card-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.card-body{padding:1.25rem}.mws-datatables{background:#fff}.mws-datatables .table{margin-bottom:0}.mws-datatables .dt-scroll-head{display:none!important}.mws-datatables .dt-scroll-body{overflow-y:auto!important;overflow-x:auto!important;height:calc(100vh - 380px)}.mws-datatables .dropdown{position:static!important}.mws-datatables .dropdown-menu{position:absolute!important;z-index:1060!important}.mws-datatables .dropdown-menu.show{position:fixed!important}.mws-datatables tbody tr{position:relative}.mws-datatables tbody td:first-child{overflow:visible!important}.mws-datatables .dt-scroll-body thead{display:table-header-group!important;position:sticky;top:0;z-index:10;background:#f8f9fa}.mws-datatables .table thead th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.mws-datatables .table tbody td{vertical-align:middle;font-size:.9rem}.mws-table-header{background-color:#fff}.mws-table-header .page-title{font-size:1.25rem;font-weight:600;color:#212529}.mws-table-pagination{background-color:#f8f9fa;border-top:1px solid #dee2e6}.dataTables_wrapper .dataTables_length select{padding:.25rem .5rem;border-radius:.25rem}.dataTables_wrapper .dataTables_filter input{padding:.25rem .5rem;border-radius:.25rem;border:1px solid #ced4da}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:.25rem .75rem;margin:0 2px;border-radius:.25rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.filter-container{padding:1rem 0}.modal-xxxl{max-width:95%}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #0d6efd26}.form-label{font-weight:500;color:#495057}.btn{font-weight:500;border-radius:.375rem}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-sm{padding:.35rem .75rem;font-size:.875rem}.badge{font-weight:500;padding:.35rem .65rem}.alert{border:none;border-radius:.5rem}.full-page-loading{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe6;z-index:9999}.loader{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:991.98px){.mws-sidebar{position:fixed;left:0;top:0;z-index:1050;transform:translate(-100%)}.mws-sidebar.not-collapsed{transform:translate(0)}.mws-main-content{width:100%;margin-left:0}}.dashboard-card{border-radius:.75rem;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:1.5rem}.status-active{color:#198754}.status-inactive{color:#dc3545}.status-pending{color:#ffc107}.status-completed{color:#0dcaf0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mws-tooltip{position:relative;display:inline-block}.mws-tooltip .mws-tooltip-text{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap;position:absolute;z-index:9999;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:0 2px 8px #0003}.mws-tooltip .mws-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.mws-tooltip:hover .mws-tooltip-text{visibility:visible;opacity:1}.hover-shadow{transition:all .3s ease}.hover-shadow:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026!important}.card[style*=gradient]{transition:all .3s ease;position:relative;overflow:hidden}.card[style*=gradient]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.card[style*=gradient]:hover:before{left:100%}.card[style*=gradient]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003!important}.btn-outline-primary:hover,.btn-outline-success:hover,.btn-outline-info:hover,.btn-outline-warning:hover,.btn-outline-secondary:hover,.btn-outline-dark:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;transition:all .2s ease}
