@import "https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500;600;700&display=swap";
.dashboardContainer{justify-content:flex-start;align-items:flex-start;margin:30px auto}.profileSection{border-radius:8px;align-items:center;display:flex}.profileImages{border-radius:50%;width:60px;height:60px;margin-right:15px}.profileDetails{flex-direction:column;display:flex}.profileName{color:#dedede;margin:0;font-family:Asap Condensed,sans-serif;font-size:22px;font-weight:600}.profileEmail{margin:4px 0;font-size:18px}.role{text-align:center;padding:10px}.profileButton{text-align:center;cursor:pointer;color:#dedede;background-color:#063;border-radius:10px;margin-top:6px;padding:5px 10px;font-size:14px;text-decoration:none}.profileButton:hover{color:#dedede;background-color:#2c2c2c;text-decoration:none}.skeletonImage{background-color:#e0e0e0;border-radius:50%;width:80px;height:80px;margin-right:15px}.skeletonText{background-color:#e0e0e0;border-radius:4px}.skeletonName{width:100px;height:18px;margin-bottom:8px}.skeletonEmail{width:150px;height:16px;margin-bottom:6px}.skeletonButton{width:80px;height:20px}.bal{margin-left:10px}@media (min-width:799px){.profileImages{width:80px;height:80px}}@media (max-width:798px){.profileName,.balanceSection,.credits,.debits,.boxed,.copy-icon{color:#f4f4f4}.totals{display:none}}
.sidebar-desktop{color:#fff;z-index:9999;background:#000c19;width:250px;height:100vh;padding:20px;display:none;position:fixed;top:0;left:0;box-shadow:-4px 0 6px -2px #0003}.sidebar-logo{border-radius:50%;width:120px;height:auto;margin:0 auto 25px;display:block}.sidebar-desktop .sidebar-brand{text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-link,.sidebar-item{color:#bbb;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;text-decoration:none;transition:all .25s;display:flex}.sidebar-icon{width:20px;font-size:18px}.sidebar-link:hover{color:#fff;background:#ffffff14}.sidebar-link.active{color:#fff;background:#3b82f6}.sidebar-item.active{color:gold}.sidebar-item:hover{color:#f4f4f4}.sidebar-link.active .sidebar-icon{color:#fff!important}.sidebar-item.logout-btn{color:#ff4c4c;cursor:pointer;background:#ff4c4c1a;border:1px solid #ff4c4c4d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.sidebar-item.logout-btn:hover{background:#ff4c4c33}.sidebar-mobile{z-index:9999;color:#fff;background:#000c19;width:70%;height:100%;padding:20px;transition:all .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 6px -2px #0000004d}.sidebar-mobile.open{transform:translate(0)}.sidebar-mobile .sidebar-close{color:#fff;cursor:pointer;background:red;border:none;margin-bottom:15px;padding:5px 10px;font-size:18px;position:fixed;top:10px;right:10px}.sidebar-mobile .sidebar-nav{flex-direction:column;gap:10px;margin-top:10px;display:flex}.sidebar-mobile .sidebar-link{color:#ccc;align-items:center;gap:12px;padding:12px 0;font-size:16px;text-decoration:none;transition:all .25s;display:flex}.sidebar-mobile .sidebar-icon{width:20px;font-size:18px}@media (min-width:768px){.sidebar-desktop{display:block}.sidebar-mobile{display:none}}