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