.invoicelisting{background-color:#fff9f1;width:100%;padding:80px 20px;display:flex;flex-direction:column;gap:15px;margin-left:300px;height:100vh}.invoicelisting h2{font-weight:400;font-size:30px}.invoicelisting h5{font-size:20px;font-weight:400;color:#4c4d4fd9}.dashboarlisting table,.invoicelisting table{border-radius:30px}.dashboarlisting table thead,.invoicelisting table thead{background-color:#fff}.dashboarlisting table thead th,.invoicelisting table thead th{padding:15px}.dashboarlisting table tbody,.invoicelisting table tbody{background-color:#f8f8f8}.dashboarlisting table tbody td,.invoicelisting table tbody td{padding:15px;border-bottom:1px solid #4c4d4f}.dashboarlisting button,.invoicelisting button{border:none;border-bottom:1px solid gray}.invoicelisting .preview-invoice{background-color:#fff;padding:20px;display:flex;flex-direction:column;gap:20px}.invoicelisting .preview-invoice .invoice-content{display:flex;flex-direction:column;gap:15px;border-radius:20px;border:1px solid #4c4d4f33;padding:20px}.invoicelisting .create-invoice{margin-top:20px;display:flex;justify-content:center;margin-bottom:10px}.invoicelisting .create-invoice button{background-color:#000;padding:20px;border-radius:30px;font-size:14px;font-weight:400;width:184px;color:#fff}@media screen and (max-width:768px){.invoicelisting{margin-left:0!important}}.sidebar{width:300px;background-color:#fff;display:flex;flex-direction:column;gap:30px;padding:100px 30px;height:100vh;overflow-y:scroll;position:fixed;z-index:1}.sidebar a{font-size:18px;font-weight:400;text-decoration:none;color:#000}.sidebar .history{display:flex;margin-top:20px;padding-left:30px;flex-direction:column;gap:20px}