.login-background{background-image:url(/images/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;margin:0;padding:0}.form-container{display:flex;flex-direction:column;align-items:center;background-color:#ffffffe6;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0003;width:90%;max-width:400px;text-align:center}h1{font-size:24px;color:#333;margin-bottom:20px}label{display:block;font-size:16px;margin-bottom:8px;font-weight:700;color:#333}input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;width:100%;font-size:16px}button:hover{background-color:#45a049}#error-message{margin-top:15px;font-size:14px;color:red}@media (max-width: 600px){.form-container{padding:20px;width:90%}h1{font-size:20px}input,button{font-size:14px}}.menu-button{position:fixed;top:10px;left:10px;background-color:#4caf50;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;z-index:1000}.sidebar{width:220px;height:100vh;background-color:#0d6167;padding:20px 0;box-shadow:2px 0 5px #0000001a;position:fixed;top:0;left:-220px;overflow-y:auto;transition:transform .3s ease;z-index:999}.sidebar.active{transform:translate(220px)}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin:15px 0}.sidebar ul li a{text-decoration:none;color:#fefefe;display:flex;align-items:center;padding:10px 20px;font-size:16px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.sidebar ul li a:hover{background-color:#f4f4f4;border-left:5px solid #6B8E23;color:#000}.sidebar ul li img{width:24px;height:24px;margin-right:10px}.sidebar ul li.logout-btn a{background-color:#d9534f;justify-content:center;font-weight:700}.sidebar ul li.logout-btn a:hover{background-color:#c9302c;color:#fff}.main-content{margin-left:10px;padding:20px;min-height:100vh;overflow-y:auto;transition:margin-left .3s ease}.sidebar-active .main-content{margin-left:220px}.lotteries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;justify-items:center}.lottery-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:15px;width:150px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between}.lottery-card img{width:80px;height:auto;margin-bottom:10px}.lottery-card p{font-size:14px;color:#333;margin:5px 0}.lottery-card .closing-time{font-weight:700;color:#888;font-size:12px;margin-top:10px}.lottery-card.selected{border:2px solid #277c7cc8;background-color:#e6f5d0}#next-button-container{text-align:right;margin-top:20px}#next-button{padding:10px 20px;background-color:#277c7cc8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}#next-button:hover{background-color:#277c7c}.user-card{position:fixed;top:20px;right:20px;background-color:#277c7cc8;padding:10px 20px;border-radius:10px;box-shadow:0 2px 5px #0000001a;font-size:16px;color:#fff;z-index:1000;text-align:center}.user-card p{margin:0;font-weight:700}@media (max-width: 768px){.menu-button{display:block}.lotteries-grid{grid-template-columns:repeat(2,1fr)}}body{font-family:Arial,sans-serif;margin:20px;background-color:#f8f8f8}.container{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}h1{text-align:center;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin-bottom:20px}thead{background-color:#f2f2f2}th,td{padding:10px;text-align:left;border:1px solid #ddd}input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;transition:border-color .3s}input:focus{border-color:#4caf50;outline:none}.total{font-size:1.2em;margin-bottom:20px;text-align:center;font-weight:700}.buttons{display:flex;justify-content:space-between}button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button#btn-regresar{background-color:#f44336;color:#fff}button#btn-siguiente{background-color:#4caf50;color:#fff}button.disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(.disabled){background-color:#3e8e41}button#btn-regresar:hover{background-color:#d32f2f}.error{border:2px solid red;background-color:#ffe6e6;animation:shake .3s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.numero-vetado,.limite-superado{color:red;font-weight:700}.numero-vetado:after{content:" (Número Vetado)";font-size:.9em;color:#b71c1c}.limite-superado:after{content:" (Límite Superado)";font-size:.9em;color:#b71c1c}@media (max-width: 600px){.container{padding:15px}table{font-size:14px}button{font-size:14px;padding:8px 15px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body,html{background-color:#f8f8f8;overflow-x:hidden;height:100%}.container{width:100%;max-width:400px;background:#fff;margin:50px auto;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}h2,h3,h4,p{margin:10px 0}h2{font-size:22px;color:#333}h3{font-size:18px;color:#555}h4{font-size:16px;color:#444;margin-top:15px;text-align:left}ul{list-style:none;padding:0;margin:0;text-align:left}ul li{font-size:14px;color:#555;margin:5px 0}.buttons{display:flex;justify-content:space-between;margin-top:20px}.button{padding:10px 20px;border:none;border-radius:5px;font-size:14px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center}.button img{margin-right:8px;width:20px;height:auto}.button.green{background-color:#25d366;color:#fff;text-decoration:none}.button.green:hover{background-color:#1ebc5a}.button.red{background-color:#f44336;color:#fff}.button.red:hover{background-color:#d7372e}.ventas-container{padding:20px;font-family:Arial,sans-serif}.back-button{background:#4caf50;color:#fff;border:none;padding:10px 16px;cursor:pointer;margin-bottom:20px;font-size:16px}h2{text-align:center;margin-bottom:20px}.totals-card{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.card{width:200px;padding:20px;border-radius:12px;text-align:center;color:#fff;font-size:18px}.card h3{margin-top:10px;font-size:24px}.card.bruto{background-color:#43a047}.card.neto{background-color:#f44336}.filtros-fechas{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.filtros-fechas input[type=date]{padding:8px;font-size:16px}.filtros-fechas button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;cursor:pointer}.ventas-table{width:100%;border-collapse:collapse}.ventas-table th,.ventas-table td{padding:12px;border:1px solid #ccc;text-align:center}.ventas-table th{background-color:#f0f0f0}.total.green{background-color:#b2f2bb;padding:15px;border-radius:8px}.total.red{background-color:#ffc9c9;padding:15px;border-radius:8px}.total.blue{background-color:#cde0ff;padding:15px;border-radius:8px}.confirm-page input[type=date]{margin:10px 0;padding:10px;font-size:16px;width:100%}.confirm-button{background-color:#4caf50;color:#fff;padding:12px;border:none;width:100%;font-size:18px;margin-bottom:20px}