.profile-layout{background:linear-gradient(135deg,#5d4037,#f5f7fa);height:100vh;overflow:hidden}.sidebar{color:#fff;background:linear-gradient(135deg,#5b3917,#000);flex-direction:column;justify-content:space-between;height:100vh;min-height:100%;padding:1rem;display:flex;box-shadow:4px 0 20px #0000001a}.sidebar .nav-link{color:#ccc;cursor:pointer;border-radius:8px;margin:5px 0;padding:12px 15px;font-weight:500;transition:background .3s,color .3s}.sidebar .nav-link.active,.sidebar .nav-link:hover{color:#fff;background-color:#251e2b}.content-area{background:#fffffff2;border-radius:2rem;height:auto;padding:2rem;box-shadow:0 0 15px #0000001a}.profile-avatar{border:3px solid #fff;box-shadow:0 0 10px #ffffff4d}.profile-profile-info{padding:3rem}.profile-avatar-container{display:inline-block;position:relative}.profile-avatar-container img{object-fit:cover}.change-icon{color:#fff;cursor:pointer;background-color:#5b3917;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.btn-theme-bg{color:#fff;background-color:#5b3917;border-radius:30px;padding:10px;font-size:13px}.tableSection{border:3px solid #000;width:500px}.mobile-top-nav{display:none}@media (max-width:768px){.sidebar{display:none}.profile-profile-info{padding:3rem 0}.mobile-top-nav{color:#5b3917;z-index:1000;background:#f5f7fa;justify-content:space-around;align-items:center;height:60px;display:flex}.inner-top-bar{flex-direction:column;align-items:center;display:flex}.content-area{height:auto;padding:0}.tableSection{width:100%;overflow-x:auto}}