.purchase-container{width:100%;min-height:100vh;padding:40px 20px;font-family:Cairo,sans-serif}.purchase-container .page-title{color:#5c2d5d;text-align:right;width:90%;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:24px;font-weight:700}.purchase-container .overall-summary{color:var(--main-color-one);width:90%;margin:0 auto;padding-bottom:1.5rem}.purchase-container .transactions-list{flex-direction:column;gap:15px;width:90%;margin:0 auto;display:flex}.purchase-container .transaction-card{border:1px solid var(--main-color-two);background-color:#fdfdfd;border-radius:15px;align-items:center;padding:15px 25px;transition:transform .2s;display:flex}@media (max-width:600px){.purchase-container .transaction-card{text-align:start;flex-direction:column;gap:10px;padding:20px}.purchase-container .transaction-card .divider{display:none}.purchase-container .transaction-card .info-section{justify-content:start!important;width:100%!important}}.purchase-container .transaction-card:hover{background-color:var(--focus-bg-color)}.purchase-container .transaction-card .info-section{color:var(--main-color-one);flex:1;justify-content:start;gap:5px;font-size:1rem;display:flex}.purchase-container .transaction-card .info-section span{color:var(--main-color-two);font-weight:700}.purchase-container .transaction-card .info-section .green{color:green}.purchase-container .transaction-card .info-section .red{color:red}.purchase-container .transaction-card .info-section strong{font-weight:600}.purchase-container .transaction-card .info-section.name{justify-content:start;width:20%}.purchase-container .transaction-card .info-section.date{justify-content:flex-start;width:40%}.purchase-container .transaction-card .divider{background-color:var(--main-color-one);width:1px;height:25px;margin:0 15px}.purchase-container .pagination{justify-content:center;align-items:center;gap:10px;margin-top:30px;display:flex}.purchase-container .pagination button{border:1px solid var(--main-color-two);color:var(--main-color-two);cursor:pointer;background:#fff;border-radius:8px;padding:8px 15px;font-family:Cairo,sans-serif;transition:all .3s}.purchase-container .pagination button:hover:not(:disabled){background-color:var(--main-color-two);color:#fff}.purchase-container .pagination button:disabled{color:#ccc;cursor:not-allowed;border-color:#ccc}.purchase-container .pagination button.active{background-color:var(--main-color-two);color:#fff;font-weight:700}.purchase-container .loading{text-align:center;color:var(--main-color-two);padding:20px;font-size:1.2rem}