*{box-sizing:border-box;margin:0;padding:0}*,body{font-family:Arial,sans-serif}body{align-items:center;animation:bodyFadeIn 1s ease-out;background:linear-gradient(135deg,#e0f7fa,#505050);color:#006cf6;direction:rtl;display:flex;justify-content:center;min-height:100vh}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}.container{animation:containerFadeIn 1.2s ease forwards;background:#fff;border-radius:15px;box-shadow:0 4px 12px #505050;margin:auto;max-width:400px;opacity:0;padding:20px;text-align:center;width:90%}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{animation:popUp 1s ease-out;display:block;height:auto;margin:0 auto 20px;max-width:300px;width:100%}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.title{color:#004fb3;font-size:1.5rem;font-weight:700;margin-bottom:20px}.site-name{color:#3b3838;font-size:2rem;font-weight:700;margin-bottom:10px}.input-section{margin-top:20px;text-align:right}.label{color:#555;display:block;font-weight:700;margin-top:10px}.input,.label{font-size:1rem}.input{border:2px solid #004fb3;border-radius:8px;margin-top:5px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input:focus{border-color:#005bb5;box-shadow:0 0 8px #007bff4d}.confirm-button{background-color:#66bb6a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.confirm-button:hover{background-color:#43a047;transform:translateY(-2px)}@media (max-width:600px){.title{font-size:1.2rem}.confirm-button{font-size:1rem;padding:10px}.logo{max-width:200px}.qr-scanner{height:auto;width:90%}}.qr-scanner{margin:auto;position:relative}.qr-scanner video{border:2px solid #0077c2;border-radius:10px}.error-message{font-size:1rem}.loading-message{color:#555;font-size:1.2rem;margin-top:20px;text-align:center}.spinner{border:8px solid #f3f3f3}.keypad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:20px}.key{background-color:#0077c2;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px;transition:background-color .3s ease,transform .2s ease}.key:hover{background-color:#005bb5;transform:translateY(-2px)}.key.clear{background-color:#f50404}.key.clear:hover{background-color:#ffa726}.key.delete{background-color:#f50404}.key.delete:hover{background-color:#ffa726}.spinner{border:4px solid #f3f3f3;height:20px;margin:0 auto;width:20px}.amount-due{align-items:flex-start;color:#333;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;gap:5px;margin-bottom:10px}.amount-highlight{color:red;font-size:1.5rem;font-weight:700}.no-debt-message{color:green;font-size:1.2rem;font-weight:700;margin-bottom:10px}.instruction{color:#333;font-size:1.2rem;margin-bottom:20px}.qr-scanner{align-items:center;background:#000;border:2px solid #0077c2;border-radius:15px;display:flex;height:300px;justify-content:center;margin:20px 0;overflow:hidden;width:300px}.qr-scanner video{height:100%;object-fit:cover;width:100%}.spinner{border:6px solid #f3f3f3;height:40px;width:40px}.error-message{color:red;font-size:1.2rem;margin:10px 0}.spinner{animation:spin 1s linear infinite;border:8px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:60px;margin:20px auto;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-button{background-color:initial;border:none;cursor:pointer;left:10px;padding:0;position:absolute;top:10px}.arrow-icon{height:30px;width:30px}.footer{animation:fadeIn 1s ease-out;background-color:#6393d5;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1rem;margin-top:30px;padding:15px 20px;text-align:center}.footer-content{display:flex;flex-direction:column;gap:10px}.footer p{margin:0}.highlight{color:#ffc600;font-size:1.2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.QR-container{animation:fadeIn 1.2s ease forwards;background:#fff;border-radius:15px;box-shadow:0 4px 12px #0003;box-sizing:initial;margin:auto;max-width:400px;padding:30px;text-align:center;width:90%}.QR-title{color:#004fb3;font-size:1.8rem;font-weight:700;margin-bottom:15px}.QR-instruction{color:#555;font-size:1.2rem;margin-bottom:20px}.QR-error-message{color:red;font-size:1rem;line-height:1.5;margin:10px 0}.QR-scanner{align-items:center;background:#000;border:4px solid #3498db;border-radius:15px;display:flex;height:320px;justify-content:center;margin:20px auto;overflow:hidden;position:relative;width:320px}.QR-scanner video{align-items:center;border-radius:10px;height:100%;object-fit:cover;width:100%}.QR-footer{background-color:#6393d5;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;font-size:.9rem;margin-top:20px;padding:10px;text-align:center}.QR-footer-content{display:flex;flex-direction:column;gap:8px}.QR-highlight{color:#ffc600;font-size:1rem;font-weight:700}
/*# sourceMappingURL=main.08cc9d41.css.map*/