*{box-sizing:border-box;margin:0;padding:0;background-color:#1b1d2b;font-family:Arial,sans-serif}.form-container{max-width:600px;margin:2rem auto;background-color:#1b1d2b;padding:2rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-container h1,.form-container h2{margin-bottom:1.5rem;font-size:1.75rem;color:#e5e5e5;text-align:center}.form-container label{display:block;margin-bottom:.5rem;font-weight:600;color:#e5e5e5}.form-container input[type=text],.form-container input[type=number],.form-container input[type=password]{width:100%;padding:.5rem .75rem;margin-bottom:1.25rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-container input[type=text]:focus,.form-container input[type=number]:focus,.form-container input[type=password]:focus{border-color:#1b1d2b;outline:none}.form-container p{color:#e5e5e5}.form-container button{width:100%;background-color:#594d78;color:#e5e5e5;border:none;padding:.75rem;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.form-container button:hover{background-color:#413d59}.error-message{margin:1rem auto;max-width:90%;padding:0 1rem;background-color:#842029;color:#fff;border-radius:4px;text-align:center}.success-message{background-color:#d1e7dd;color:#0f5132;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;text-align:center}.input-container,.button-container{margin:1rem auto;max-width:90%;padding:0 1rem}@media (min-width: 768px){.button-container{max-width:400px;margin:2rem auto}}.raffle-name{font-weight:700;font-size:1.2rem;color:#d1e7dd;margin-right:.5rem}.ticket-count{color:#d1e7dd;font-size:1rem}.result-title{font-size:1.8rem;margin-bottom:1rem}.result-message{font-size:1.2rem;margin-bottom:2rem}.back-button{color:#fff;font-size:1rem;padding:.6rem 1.2rem;border:none;border-radius:5px;cursor:pointer}.back-button:hover{background-color:#0056b3}.error{background-color:#ffecec;border:2px solid #e74c3c}.form-container select{width:80%;padding:1rem;font-size:1rem;border-radius:10px;background-color:#2f314a;color:#e5e5e5;margin:1rem auto;border:1px solid #777;box-shadow:inset 0 1px 4px #0000004d;appearance:none;cursor:pointer;transition:border-color .3s ease;min-height:50px}.form-container select:focus{border-color:#9a86fd;background-color:#3c3f5c;outline:none}.form-container input{width:80%;padding:1rem;font-size:1rem;border-radius:10px;background-color:#2f314a;color:#e5e5e5;margin:1rem auto;border:1px solid #777;box-shadow:inset 0 1px 4px #0000004d;appearance:none;cursor:pointer;transition:border-color .3s ease;min-height:50px}.modal-overlay{position:fixed;left:0;padding:auto;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{color:#e5e5e5;padding:2rem;border-radius:12px;min-width:300px;max-width:55%!important;text-align:center;box-shadow:0 5px 15px #0000004d}.modal h2{color:#ff4d4d;margin-bottom:1rem;font-size:1.5rem}.modal p{font-size:1rem;margin-bottom:1.5rem;color:#f5c2c7}.modal-button{background-color:#3498db;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.modal-button:hover{background-color:#2c1214}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.back-button-fixed{position:fixed;bottom:30px;background-color:#413d59!important;left:0!important;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;z-index:1001;box-shadow:0 0 10px #0006;transition:background-color .2s ease,transform .2s ease}.back-button-fixed:hover{background-color:#2f314a;transform:scale(1.05)}.raffle-item{margin-bottom:1rem}.raffle-container{display:flex;flex-direction:column;background-color:#1b1d2b;padding:1rem;border-radius:8px;border:1px solid #413d59;min-height:150px}.raffle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.raffle-name{font-weight:700;color:#d1e7dd}.ticket-count{color:#d1e7dd;margin-left:.5rem}.button-info{background-color:#1b1d2b!important;color:#fff!important;font-size:1rem!important;padding:.1rem .3rem!important;width:20px!important;height:24px!important;border:1px solid transparent!important;display:flex!important;justify-content:center!important;align-items:center!important;opacity:.6!important;transition:opacity .3s ease,background-color .3s ease!important}.button-info:hover{opacity:1!important;background-color:#2a2d3f!important}.button-select{margin-top:1rem;background-color:#594d78;padding:.5rem 1rem;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:1rem;white-space:nowrap;width:100%}.button-select{background-color:#594d78;padding:.4rem .8rem;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:.9rem;white-space:nowrap;min-width:130px}.button-select:hover{background-color:#413d59}.raffle-details{max-height:0;overflow:hidden;opacity:0;padding-top:0;transition:max-height .5s ease,opacity .4s ease,padding-top .4s ease}.raffle-details.expanded{max-height:800px;opacity:1;padding-top:1rem}.qr-button{margin-top:1rem;background-color:#594d78;padding:.5rem 1rem;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:1rem;white-space:nowrap;width:100%}.qr-button:hover{background-color:#413d59}.qr-codes-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;justify-content:center}.qr-codes-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.qr-code-item{background:transparent;padding:1rem;border-radius:8px;text-align:center;width:150px;box-shadow:0 0 10px #0000004d}.back-button-fixed{position:fixed;bottom:30px;left:30px;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;cursor:pointer;z-index:1000;box-shadow:0 0 10px #00000080;transition:transform .2s ease}.back-button-fixed:hover{transform:scale(1.05);background-color:#594d78}.button-delete{background-color:#1b1d2b!important;border:none;cursor:pointer;padding:0;margin-left:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.button-delete:hover{opacity:1!important;background-color:#2a2d3f!important}.button-delete:hover{background-color:#dc35451a}.raffle-header{display:flex;justify-content:space-between;align-items:center}.raffle-header-actions{display:flex;gap:4px}.button-back{margin-bottom:1rem;padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.button-back:hover{background-color:#5a6268}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:413d59;position:relative;padding:2rem;color:#fff;border-radius:10px;max-width:400px;width:90%;text-align:center;animation:fadeInScale .3s ease-out forwards}.modal h2{margin-bottom:1rem;color:#31c781}.modal-button{margin-top:1rem;padding:.5rem 1rem;border:none;color:#fff;border-radius:5px;cursor:pointer}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.number-selector{max-height:0;overflow:hidden;opacity:0;transition:all 1 ease!important}.number-selector.visible{max-height:1000px;opacity:1;transition:all 1 ease!important}.number-selector.hidden{opacity:1;transition:all 1 ease!important}
