/* 1589 of 8508 unused characters has been removed. */
@import url("https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");.profile-container{max-width:900px;margin:0 auto}
.header{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;margin-top:15px}
.header-content{display:flex;align-items:center;gap:20px}
.profile-logo img{width:200px;height:100px;border-radius:10px}
.profile-details h2{font-size:20px;color:#333;margin-bottom:4px}
.profile-details p{font-size:14px;color:#666}
.logout-btn{background-color:#ff7878;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}
.profile-btn{background-color:#607293;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}
.logout-btn:hover{background-color:#ff4c4c;box-shadow:0 6px 8px rgba(0,0,0,0.2)}
.loadhistory-btn:hover{background-color:#ff4c4c;box-shadow:0 6px 8px rgba(0,0,0,0.2)}
@media screen and (max-width:900px){.loadhistory-btn{background-color:#ff7878;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}.logout-btn{width:20%;margin-top:50px;margin-left:500px;position:absolute}.profile-btn{width:20%;margin-top:-50px;margin-left:500px;position:absolute}}
.profile-btn:hover{background-color:#4c91ff;color:white;box-shadow:0 6px 8px rgba(0,0,0,0.2)}
.profile-summary{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin-bottom:20px}
.profile-info{display:flex;justify-content:space-between}
.info-box{text-align:center;flex:1}
.info-box h3{font-size:16px;margin-bottom:8px;color:#888}
.info-box p{font-size:18px;font-weight:bold;color:#333}
.transaction-history{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.transaction-history h3{font-size:18px;margin-bottom:20px;color:#333}
.transaction-table{width:100%;border-collapse:collapse;margin:20px 0;background-color:#f9f9f9;border-radius:5px;overflow:hidden}
.transaction-table th,.transaction-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}
.transaction-table th{background-color:#c8c7c7b8;font-weight:bold}
.transaction-table tr:hover{background-color:#ddd}
.transaction-table td{font-size:14px;color:#333}
.hr-profile{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:20px;padding-bottom:5px;border-bottom:2px solid #3498db}
.info-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}
.info-link{color:#3498db;text-decoration:none;font-weight:600;transition:color 0.3s ease}
.info-link:hover{color:#2980b9;text-decoration:underline}
.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;padding:10px;border-radius:8px}
.pagination a,.pagination .current-page{padding:8px 15px;margin:0 5px;text-decoration:none;background-color:#fff;border-radius:5px;font-size:16px;color:#333;transition:all 0.3s ease;display:inline-block}
.pagination .prev,.pagination .next{background-color:#6b6a645e}
.pagination a:hover,.pagination .current-page:hover{background-color:#ddd;transform:scale(1.1)}
.page-numbers{display:inline-block}
.current-page{background-color:#4caf50;color:#fff;font-weight:bold;pointer-events:none}
.pagination a,.pagination .current-page{animation:fadeIn 0.5s ease-in-out}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@import url("https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");.profile-container{max-width:900px;margin:0 auto}
.header{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;margin-top:15px}
.header-content{display:flex;align-items:center;gap:20px}
.profile-logo img{width:100px;height:80px;border-radius:10px}
.profile-details h2{font-size:20px;color:#333;margin-bottom:4px}
.profile-details p{font-size:14px;color:#666}
.logout-btn{background-color:#ff7878;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}
.loadhistory-btn{background-color:#ff7878;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}
.profile-btn{background-color:#607293;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s ease,box-shadow 0.3s ease}
.logout-btn:hover{background-color:#ff4c4c;box-shadow:0 6px 8px rgba(0,0,0,0.2)}
@media screen and (max-width:900px){.loadhistory-btn{width:25%;margin-top:-10px;left:-20px;position:absolute}.logout-btn{width:20%;margin-top:50px;margin-left:500px;position:absolute}.profile-btn{width:20%;margin-top:-50px;margin-left:500px;position:absolute}}
.profile-btn:hover{background-color:#4c91ff;color:white;box-shadow:0 6px 8px rgba(0,0,0,0.2)}
.profile-summary{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin-bottom:20px}
.profile-info{display:flex;justify-content:space-between}
.info-box{text-align:center;flex:1}
.info-box h3{font-size:16px;margin-bottom:8px;color:#888}
.info-box p{font-size:18px;font-weight:bold;color:#333}
.transaction-history{background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.transaction-history h3{font-size:18px;margin-bottom:20px;color:#333}
.transaction-table{width:100%;border-collapse:collapse;margin:20px 0;background-color:#f9f9f9;border-radius:5px;overflow:hidden}
.transaction-table th,.transaction-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}
.transaction-table th{background-color:#c8c7c7b8;font-weight:bold}
.transaction-table tr:hover{background-color:#ddd}
.transaction-table td{font-size:14px;color:#333}
.hr-profile{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:20px;padding-bottom:5px;border-bottom:2px solid #3498db}
.info-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}
.info-link{color:#3498db;text-decoration:none;font-weight:600;transition:color 0.3s ease}
.info-link:hover{color:#2980b9;text-decoration:underline}
.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;padding:10px;border-radius:8px}
.pagination a,.pagination .current-page{padding:8px 15px;margin:0 5px;text-decoration:none;background-color:#fff;border-radius:5px;font-size:16px;color:#333;transition:all 0.3s ease;display:inline-block}
.pagination .prev,.pagination .next{background-color:#6b6a645e}
.pagination a:hover,.pagination .current-page:hover{background-color:#ddd;transform:scale(1.1)}
.page-numbers{display:inline-block}
.current-page{background-color:#4caf50;color:#fff;font-weight:bold;pointer-events:none}
.pagination a,.pagination .current-page{animation:fadeIn 0.5s ease-in-out}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}