.account-container {
    display: grid;
    grid-template-columns: 25% 70%; /* Two columns: Main content + Sidebar/Results */
    gap: 20px;
    height: 100%;;
    padding: 20px;
width: 100%;
}
.account-sbar {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #222;
    padding: 20px;
    border-radius: 8px;
    color: white;
}
/* Add proper spacing for nested lists */
.account-sbar ul {
    list-style: none;
    padding-left: 0; /* Reset default browser padding */
}





/* Make sure links remain visible */
.account-sbar a {
    text-decoration: none;
    color: white;
	
	paadding: 6%;
}

.account-sbar a:hover {
    color: #FFD700; /* Optional: Highlight on hover */
}
	.filter-button {
	display: none;
	}
@media (max-width: 880px) {
 	.filter-button {
	display: block;
	}   .account-sbar {
        display: none;  /* Hidden by default */
    }

    .account-sbar.active {
        display: block;
		width: 98%;/* Shown when the user taps 'Show Filters' */
    }
	.fa-th  {
        display: none;  /* Hidden by default */
    }
.account-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;;

width: 98%;
}	
	
}