@charset "UTF-8";.whatsapp-nav {background-color:transparent !important;padding:0.75rem 1rem 0.75rem 3.5rem;border-bottom:0 solid #dee2e6;}.nav-breadcrumb {display:flex;align-items:center;gap:0.5rem;margin:0;padding:0;list-style:none;}.nav-breadcrumb li {display:flex;align-items:center;gap:0.5rem;color:#666;font-weight:500;}.nav-breadcrumb li:first-child {color:#1a1a1a;}.nav-breadcrumb .separator {color:#999;}.topup-btn {background-color:#f0f2f5;border:1px solid #e4e6eb;color:#1a1a1a;padding:0.5rem 1rem;border-radius:6px;display:flex;align-items:center;gap:0.5rem;font-weight:500;}.topup-btn:hover {background-color:#e4e6eb;}.whatsapp-icon {width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#25D366;} .sidebar { width:60px; height:100vh; position:fixed; top:0; left:0; background-color:#ffffff; transition:width 0.3s ease; overflow:hidden; box-shadow:1px 0 5px rgba(0,0,0,0.1); z-index:1000; }.sidebar:hover {width:250px;}.sidebar-header {padding:15px;border-bottom:1px solid #e9ecef;}.sidebar-header img {height:30px;}.nav-item {width:100%;margin-bottom:5px;}.nav-link {font-family:var(--bs-font-primary), sans-serif;font-size:0.85rem;font-weight:500;color:var(--bs-gray-600);padding:12px 15px;white-space:nowrap;display:flex;align-items:center;gap:15px;}.nav-link:hover {background-color:#f0f2f5;color:var(--bs-primary) !important;}.nav-link.active {color:var(--bs-primary) !important;}.nav-link:hover i {color:var(--bs-primary) !important;}.nav-link img {filter:grayscale(100%) brightness(0%) invert(75%);transition:filter 0.3s ease;}.nav-link:hover img, .nav-link.active img {filter:none;}.nav-link i {font-size:20px;min-width:30px;text-align:center;color:var(--bs-gray-600);}.nav-text {opacity:0;transition:opacity 0.2s;}.sidebar:hover .nav-text {opacity:1;}.logo-img {display:none;}.sidebar:hover .logo-img {display:block;}.sidebar:hover .logo-icon {display:none;}.sidebar-content {height:calc(100vh - 60px); display:flex;flex-direction:column;}.main-nav {flex-grow:1;min-height:0; }.bottom-nav {margin-top:auto;border-top:1px solid #e9ecef;padding-top:8px;}.nav-tabs.nav-bordered {border-bottom:1px solid #e1e1e1}.nav-tabs.nav-bordered .nav-link {margin-bottom:-1px}.nav-tabs.nav-bordered .nav-link{border:none;padding:.625rem 1.25rem .625rem 0.25rem;color:rgba(var(--bs-black-rgb), 0.455);}.nav-tabs.nav-bordered .nav-link:hover {background-color:transparent !important;}.nav-tabs.nav-bordered .nav-link.active {border-bottom:2px solid var(--bs-primary);color:var(--bs-primary) !important}.dropdown-menu {animation:fadeInDropdown 0.1s ease-in-out;transform-origin:top;}.profile-img {width:40px;height:40px;border-radius:50%;object-fit:cover;}.dropdown-header-custom {display:flex;align-items:center;gap:10px;}.dropdown-item small {display:block;font-size:0.75rem;color:#6c757d;}.dropdown-divider {margin:0.5rem 0;}.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {color:var(--bs-primary);background-color:transparent !important;border-color:transparent !important;}.dropdown-account {width:300px !important;max-height:37.50rem !important;border:none !important;overflow-y:auto;overflow-x:hidden;}.dropdown-account-item {font-family:var(--bs-font-primary), sans-serif;border-radius:0.5rem;padding:0.75rem;display:flex;align-items:center;gap:0.75rem;border:1px solid transparent;background-color:#f8f9fa;cursor:pointer;transition:background-color 0.2s, border-color 0.2s;}.dropdown-account-item:hover {background-color:#e9ecef;}.dropdown-account-item input[type="radio"] {margin-top:0.3rem;accent-color:#0d6efd;width:1.5rem;height:1.5rem;cursor:pointer;flex-shrink:0;}.dropdown-account-item.active {background-color:#e2efff;border-color:#0d6efd;}.dropdown-account-item .account-label {font-size:0.945rem !important;font-weight:bold;cursor:pointer;}.dropdown-account-item:hover .account-label {color:var(--bs-primary) !important}.dropdown-account-item .account-id {font-size:0.745rem !important;color:#999;cursor:pointer;}.dropdown-account-item .account-owner {font-size:0.745rem;color:#999;cursor:pointer;}