.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.image-modal-content{position:relative;max-width:90%;max-height:90%;background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.image-modal-close{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:white;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;font-size:14px;transition:background-color .2s}.image-modal-close:hover{background:rgba(0,0,0,.9)}.image-modal-body{padding:0}.modal-image{width:100%;height:auto;display:block;max-width:100%;max-height:80vh;object-fit:contain}.image-modal-footer{padding:20px;text-align:center;background:white}.image-modal-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:white;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,123,255,.3)}.image-modal-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.4)}.image-modal-btn:active{transform:translateY(0)}@media (max-width:768px){.image-modal-content{max-width:95%;max-height:85%}.modal-image{max-height:65vh}.image-modal-close{top:5px;right:5px;width:35px;height:35px;font-size:16px}.image-modal-footer{padding:15px}.image-modal-btn{font-size:14px;padding:10px 20px}}@media (max-width:480px){.image-modal-content{max-width:98%;max-height:80%}.modal-image{max-height:50vh}.image-modal-footer{padding:12px}.image-modal-btn{font-size:13px;padding:8px 16px;width:100%}}.card{width:100%;padding:20px;border-radius:10px;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;margin-bottom:20px}.card.mastercard{background:linear-gradient(135deg,#ff5f00,#ffbb00)}.card.visa{background:linear-gradient(135deg,#1a1f71,#00a4e4)}.card.amex{background:linear-gradient(135deg,#2e77d0,#82c4e3)}.card.unknown{background:linear-gradient(135deg,#c7c7c7,#dcdcdc)}.card h1{font-size:18px;margin:0 0 10px}.card p{margin:5px 0;font-size:14px}.card .field{font-weight:700}.card img{position:absolute;bottom:10px;right:10px;width:50px;height:auto}.delete-button{position:absolute;bottom:0;left:0;background:none;border:none;color:#ff4d4d;font-size:18px;cursor:pointer}.delete-button:hover{color:#ff1a1a}footer{background-color:#23255a;color:#fff;padding:50px 0;margin-top:50px}footer .container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}footer .logo{display:flex;flex-direction:column;align-items:flex-start}footer .container div{margin-bottom:10px}footer .box img{width:200px;margin-bottom:20px;margin-left:auto;margin-right:auto}footer .logo p{margin:20px 0}footer h3{margin-bottom:20px;font-weight:500}footer .item{display:flex;margin-bottom:20px}footer .item img{width:60px;height:60px;object-fit:cover;margin-right:15px}footer .item p{padding:0;margin:0}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;display:flex;justify-content:space-between;position:relative}footer ul li span:before{content:">";margin-right:10px}.legal{padding:15px 0;background-color:#23255a;color:grey;border-top:1px solid rgba(255,255,255,.3);text-align:center}.legal i{color:red}.flipbook-box{display:flex;flex-direction:column;align-items:center;text-align:center}.flipbook-image{height:auto;width:300px}.flipbook-box p{margin-bottom:10px}.button_footer{width:100%;display:block;margin:10px 0;padding:10px;text-align:center;color:white;border:none;border-radius:0;cursor:pointer}@media screen and (max-width:768px){footer .container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){footer .container{grid-template-columns:1fr}}