.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}}body,html{background-color:#7df6f6;overflow-x:hidden;height:100%}.container{background-color:transparent;padding:20px;border-radius:10px;margin:0 auto;max-width:1200px}.lotteries-section{background-color:#e0f7f7;border-radius:12px;padding:24px;box-shadow:0 0 8px #0000000d;margin-top:20px}.menu-button{position:fixed;top:10px;left:10px;background-color:#4caf50;color:#fff;border:none;padding:10px 10px 10px 16px;border-radius:5px;cursor:pointer;z-index:5000;text-align:left;width:200px}.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{padding:20px;min-height:100vh;overflow-y:auto;transition:margin-left .3s ease;max-width:1200px;width:100%;margin:0 auto}.sidebar-active .main-content{margin-left:220px}.lotteries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;justify-content:center;max-width:100%;width:100%;padding:0 16px}.lottery-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}.lottery-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lottery-card img{width:80px;height:auto;margin-bottom:10px}.lottery-card p{font-size:14px;color:#333;margin:4px 0;text-align:center}.lottery-card .closing-time{font-weight:400;color:#666;font-size:12px;margin-top:8px}.lottery-card.selected{background-color:#e1fce1;border:1px solid #4CAF50}#next-button{position:fixed;bottom:20px;right:20px;background-color:#4caf50;color:#fff;border:none;padding:12px 20px;font-size:18px;border-radius:8px;box-shadow:0 2px 8px #0003;z-index:1000;cursor:pointer}#next-button:hover{background-color:#388e3c}.user-card{position:fixed;top:10px;right:10px;background-color:#277c7c;color:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 2px 5px #0003;z-index:5000}.user-card p{margin:0;font-weight:700}@media (max-width: 768px){.menu-button{display:block}.lotteries-grid{grid-template-columns:repeat(2,1fr)}#next-button{width:calc(100% - 40px);left:20px;right: 20px;  }}body{font-family:Arial,sans-serif;margin:20px;background-color:#f8f8f8}.container{width:100vw;max-width:100%;margin:0;padding:10px;background-color:#fff;box-sizing:border-box}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}td.numero{width:70px}td.valor{width:100px}td.valor input{font-size:20px;width:100%}th.combi,td.combi{width:28px;text-align:center}input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;transition:border-color .3s;font-size:20px}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}.btn-regresar{background-color:#f44336;color:#fff}.btn-regresar:hover{background-color:#d32f2f}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}}.btn-borrar{background-color:#e53935;color:#fff;border:none;padding:10px;font-size:16px;border-radius:4px;cursor:pointer}.btn-borrar:hover{background-color:#c62828}*{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}.venta-item{font-size:18px;background-color:#fefefe;padding:16px;margin-bottom:12px;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px #0000000d}.total-box h3{font-size:22px;font-weight:700}.total-box p{font-size:24px;font-weight:700}.venta-bloque{margin-bottom:24px;border-top:2px solid #ccc;padding-top:12px}.filtro-colilla{margin-top:12px;display:flex;gap:8px;align-items:center}.filtro-colilla input{padding:4px 8px;font-size:16px}@media screen and (max-width: 768px){.ventas-container{padding:10px}.filtros-fechas{display:flex;flex-direction:column;gap:10px}.filtros-fechas input,.filtros-fechas select,.filtros-fechas button{width:100%;font-size:16px}.totals-card{display:flex;flex-direction:column;gap:10px}.total{width:100%;padding:10px;font-size:16px}.venta-bloque{font-size:16px}}.premios-container{padding:20px;font-family:sans-serif}.premios-container input{margin:5px;padding:5px}.premios-container button{background:#4caf50;color:#fff;padding:6px 12px;border:none;margin:5px;cursor:pointer}table{margin-top:20px;width:100%;border-collapse:collapse;text-align:center}th,td{border:1px solid #ccc;padding:8px}.tabla-responsive{overflow-x:auto;margin-top:20px}@media (max-width: 768px){.tabla-premios{font-size:14px;min-width:600px}.form-search{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.form-search input,.form-search button{width:100%}}.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}