.container{color:#fff;background:#0f0f0f;place-content:center;justify-self:center;min-height:100vh;padding:40px 20px;font-family:Arial,Helvetica,sans-serif}h1{text-align:center;margin-bottom:30px;font-size:larger}.card{background:#181818;border-radius:12px;max-width:900px;margin:0 auto 30px;padding:20px;box-shadow:0 0 20px #ff000014}label{margin-bottom:8px;font-weight:700;display:block}input[type=text]{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}input[type=checkbox]{cursor:pointer;transform:scale(1.2)}button{color:#fff;cursor:pointer;background:#c00000;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:all .3s}button:hover{background:#ff1f1f}button:disabled{opacity:.6;cursor:not-allowed}.pix{background:#000;border:1px solid #c00000;margin-top:20px}.pix:hover{background:#c00000}table{border-collapse:collapse;width:100%;margin-top:15px}@media (max-width:640px){table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{background:#151515;border-radius:8px;margin:0 0 12px;padding:8px}td{white-space:normal;text-align:left;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}td:before{white-space:nowrap;color:#ffb3b3;flex:0 0 45%;width:45%;padding-right:10px;font-weight:700;display:block}td:first-of-type{flex:0 0 10%}td:first-of-type:before{content:""}td:nth-of-type(2):before{content:"Data da Compra"}td:nth-of-type(3):before{content:"Vencimento"}td:nth-of-type(4):before{content:"Parcela"}td:nth-of-type(5):before{content:"Valor"}}th,td{text-align:left;border-bottom:1px solid #333;padding:12px}th{color:#ff3b3b;font-weight:700}tr:hover{background:#1f1f1f}tr.clickable-row{cursor:pointer}h2{color:#ff3b3b;margin-bottom:15px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:justify;color:#0c0c0c;background:#fcfafa;border-radius:12px;width:95%;max-width:420px;padding:18px;box-shadow:0 8px 40px #0009}.modal h3{color:#ff3b3b;margin-top:0}.qr-image{object-fit:contain;background:#fff;border-radius:6px;width:260px;height:260px;margin:10px auto;display:block}@media (max-width:480px){.qr-image{width:200px;height:200px}.modal{max-width:340px;padding:14px}h1{font-size:20px}button{padding:12px;font-size:15px}.total-display{text-align:left}}.pix-key{color:#0c0c0c;word-wrap:break-word;margin-top:6px}.modal-buttons{justify-content:left;margin-top:12px;display:flex}.modal button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px}.modal button.whatsapp{color:#fff;background:#02a33d;width:100%}.total-display{color:#fff;text-align:right;margin-top:12px;font-weight:700}.logo{max-width:200px;height:auto;margin:0 auto 20px;display:block}