:root{--secondary-color:#000;--secondary-light:rgba(0,0,0,.05);--secondary-hover:#1a1a1a;--secondary-color:#fff;--secondary-hover:#f5f5f5;--secondary-color:#bebebe;--danger-color:#5555555;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--border-radius:0.5rem}*{font-family:Metropolis,Open Sans,sans-serif}body{background-color:#f5f7fa;overflow-x:hidden;margin:0;padding:0}.navbar-custom{background-color:#000!important;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar-brand{font-weight:700;color:#fff!important}.sidebar{background-color:#000;height:calc(100vh - 56px);position:fixed;top:56px;left:0;width:260px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow-y:auto;z-index:100;padding:20px 12px;border-right:1px solid #333;transition:width .3s ease}.link-wrapper{border-radius:10px;background:transparent;transition:all .3s ease;overflow:hidden;margin-bottom:6px;position:relative}.link-wrapper:hover{background:#fff;transform:translateX(5px);box-shadow:0 2px 8px hsla(0,0%,100%,.1)}.link-wrapper:hover .sidebar-link,.link-wrapper:hover .sidebar-link span{color:#000!important}.link-wrapper:hover .sidebar-link i{color:#000!important;transform:scale(1.1)}.link-wrapper:hover .sidebar-submenu-link,.link-wrapper:hover .sidebar-submenu-link span{color:#000!important}.link-wrapper:hover .sidebar-submenu-link i{color:#000!important;transform:scale(1.1)}.link-wrapper.active{background:#fff}.link-wrapper.active .sidebar-link{color:#000!important;font-weight:600}.link-wrapper.active .sidebar-link i,.link-wrapper.active .sidebar-link span{color:#000!important}.link-wrapper.submenu{border-radius:8px}.link-wrapper.submenu:hover{transform:translateX(3px)}.link-wrapper.submenu.active .sidebar-submenu-link{color:#000!important;font-weight:500}.link-wrapper.submenu.active .sidebar-submenu-link i,.link-wrapper.submenu.active .sidebar-submenu-link span{color:#000!important}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff!important;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:15px;font-weight:400;box-sizing:border-box}.sidebar-link i{font-size:18px;color:#fff!important;transition:transform .3s ease}.sidebar-link span{color:#fff!important;transition:color .3s ease}.sidebar-link .ms-auto{margin-left:auto;font-size:14px;transition:transform .3s ease;color:inherit}.link-wrapper:hover .ms-auto,.sidebar-submenu.show~.link-wrapper .ms-auto{transform:rotate(0deg)}.sidebar-dropdown{position:relative;margin-top:2px}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;background:transparent;padding-left:28px;display:flex;flex-direction:column;gap:4px;margin-top:6px;opacity:0}.sidebar-submenu.show{max-height:500px;opacity:1}.sidebar-submenu-link{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff!important;text-decoration:none;font-size:14px;transition:all .3s ease;cursor:pointer;width:100%;box-sizing:border-box}.sidebar-submenu-link i{font-size:16px;color:#fff!important;transition:transform .3s ease}.sidebar-submenu-link span{color:#fff!important;transition:color .3s ease}.sidebar.collapsed{width:70px}.sidebar.collapsed .link-wrapper{text-align:center}.sidebar.collapsed .sidebar-link{justify-content:center;padding:12px 10px;gap:0}.sidebar.collapsed .ms-auto,.sidebar.collapsed .sidebar-link span{display:none}.sidebar.collapsed .sidebar-link i{margin:0;font-size:20px}.sidebar.collapsed .sidebar-submenu{display:none}.sidebar-toggle-btn{position:absolute;top:15px;right:-12px;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-toggle-btn:hover{background:#f5f5f5;transform:scale(1.1);box-shadow:0 4px 6px rgba(0,0,0,.3)}.sidebar-toggle-btn i{font-size:14px;color:#000}.main-content{margin-left:260px;padding:2rem;margin-top:56px;min-height:calc(100vh - 56px);transition:margin-left .3s ease}.main-content.expanded{margin-left:70px}.card{border:none;border-radius:var(--border-radius);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:1.5rem;transition:all .3s ease}.card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transform:translateY(-2px)}.card-header{background-color:#fff;border-bottom:1px solid var(--gray-200);font-weight:700;padding:15px 20px}.stat-card{transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.badge{font-weight:600;padding:.35em .65em;transition:all .2s ease}.badge:hover{transform:scale(1.05)}.badge-completed,.badge-pending{background-color:var(--secondary-color);color:#fff}.badge-progress{background-color:#000;color:#fff}.badge-verification{background-color:var(--secondary-color);color:var(--gray-800)}.btn-secondary{background-color:#000;color:#fff}.btn-secondary:hover{background-color:#1a1a1a;border-color:#1a1a1a;box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn-secondary{background-color:#fff;border-color:#000;color:#000;transition:all .3s ease}.btn-secondary:hover{background-color:#000;border-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.custom-table{width:100%;margin-bottom:0}.custom-table thead{background-color:#f8f9fa}.custom-table th{font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;color:#495057;padding:12px}.custom-table td{padding:12px;vertical-align:middle;transition:background-color .2s ease}.custom-table tbody tr{transition:all .2s ease}.custom-table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.01);box-shadow:0 2px 8px rgba(0,0,0,.05)}.status-badge{padding:.35em .65em;border-radius:50rem;font-size:.75em;font-weight:500;text-transform:uppercase;transition:all .2s ease}.status-badge:hover{transform:scale(1.05)}.status-active{background-color:rgba(76,175,80,.15);color:#2e7d32}.status-delayed{background-color:rgba(255,152,0,.15);color:#e65100}.status-offline{background-color:hsla(0,0%,62%,.15);color:#424242}.notification-banner{background-color:#000;color:#fff;border-radius:var(--border-radius);animation:pulse 2s infinite;transition:all .3s ease}.notification-banner:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(0,0,0,.3)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media (max-width:992px){.sidebar{left:-260px;transition:left .3s ease}.sidebar.show{left:0}.sidebar.collapsed{left:-70px}.main-content,.main-content.expanded{margin-left:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#333;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#555}*{-webkit-tap-highlight-color:transparent}a:focus,button:focus{outline:2px solid #000;outline-offset:2px}