body{background-color:#fff;color:#000;font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#121212;color:#fff}.header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.logo-container img{border-radius:50%;height:90px;margin-bottom:1rem;width:100px}.header h3{color:inherit;font-size:25px;margin:0}.payment-container{background-color:#ffffe0;border-radius:30px;box-shadow:0 4px 8px #000;margin:2rem auto;max-width:310px;padding:2rem;position:relative;transition:background-color .3s}body.dark-mode .payment-container{background-color:#1e1e1e;color:#fff}.payment-container input{background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#000;margin-bottom:1rem;padding:.5rem;transition:background-color .3s,color .3s;width:100%}body.dark-mode .payment-container input{background-color:#333;border-color:#555;color:#fff}.merchant-list{display:flex;gap:10px;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:10px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.merchant-list::-webkit-scrollbar{height:8px}.merchant-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.merchant-list::-webkit-scrollbar-track{background-color:#f1f1f1}.merchant-option{border:1px solid #b204ac;border-radius:10px;cursor:pointer;flex:0 0 auto;padding:10px;position:relative;text-align:center;transition:background-color .3s,border-color .3s;width:120px}.merchant-option h4{color:inherit;font-size:13px;margin:0}.merchant-option p{color:#666;font-size:12px;margin:5px 0 0}body.dark-mode .merchant-option p{color:#aaa}.merchant-option .logo{bottom:-2px;height:45px;position:absolute;right:3px;width:45px}.merchant-option .selector{border:2px solid #ccc;border-radius:50%;height:12px;position:left;right:2px;top:0;transition:background-color .3s,border-color .3s;width:12px}.merchant-option.selected .selector{background-color:blue;border-color:#000}.payment-container button{background-color:#ff0;border:none;border-radius:30px;box-shadow:0 4px 8px #00000080;cursor:pointer;display:block;font-weight:700;margin:0 auto;padding:1rem;transition:background-color .3s;width:40%}.payment-container button:hover{background-color:blue}footer{background-color:initial;color:inherit;font-weight:700;padding:1rem 0;text-align:center}footer a{color:blue;text-decoration:none}footer a:hover{color:red;text-decoration:none}.loader-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border-right:8px solid #e0e0e0;border-top:8px solid #e0e0e0;border-color:#ff007f #7f00ff #e0e0e0 #e0e0e0;border-radius:50%;border-style:solid;border-width:8px;height:80px;position:relative;width:80px}.loader:before{background:linear-gradient(45deg,#ff007f,#7f00ff);border-radius:50%;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.loader-text{color:#fff;font-size:16px;margin-top:1rem;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode-toggle{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;position:absolute;right:20px;top:20px;transition:background-color .3s}.dark-mode-toggle:hover{background-color:#555}body.dark-mode .dark-mode-toggle{background-color:#fff;color:#333}
/*# sourceMappingURL=main.13dee04e.css.map*/