.accountLayoutSection{padding:60px 20px;min-height:70vh}.accountLayoutContainer{max-width:1200px;margin:0 auto}.accountLayoutGrid{display:grid;grid-template-columns:280px 1fr;gap:30px}.accountLayoutContent{background:white;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-height:500px}@media screen and (max-width:968px){.accountLayoutGrid{grid-template-columns:1fr;gap:20px;display:flex;flex-direction:column}.accountLayoutSidebar{order:2}.accountLayoutContent{order:1;padding:25px}}@media screen and (max-width:576px){.accountLayoutSection{padding:30px 15px}.accountLayoutContent{padding:20px}}.accountNav{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:fit-content;position:sticky;top:100px}.accountNavHeader{border-bottom:2px solid #222;padding-bottom:20px;margin-bottom:25px}.accountNavHeader h3{font-size:20px;font-weight:600;color:#222;margin-bottom:8px}.accountNavHeader p{font-size:14px;color:#767676}.accountNavMenu ul{list-style:none;padding:0;margin:0}.accountNavMenu ul li{margin-bottom:5px}.accountNavMenu ul li a{display:block;padding:12px 15px;font-size:15px;color:#555;text-decoration:none;border-radius:4px;transition:all .3s ease}.accountNavMenu ul li a:hover{background-color:#f5f5f5;color:#222}.accountNavMenu ul li.active a{background-color:#222;color:white;font-weight:600}.accountNavLogout{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.logoutBtn{width:100%;color:#222;border:1px solid #222;padding:9px;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.logoutBtn:hover{background-color:#f5f5f5}@media screen and (max-width:768px){.accountNav{position:relative;top:0;margin-bottom:20px}.accountNavHeader h3{font-size:18px}}