*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden}.header{background:linear-gradient(45deg,#2c3e50,#34495e);color:#fff;padding:30px;text-align:center;position:relative}.header h1{font-size:2.5em;margin-bottom:10px}.nav{display:flex;justify-content:center;background:#34495e;padding:0}.nav button{background:none;border:none;color:#fff;padding:15px 30px;cursor:pointer;font-size:16px;transition:background .3s}.nav button:hover,.nav button.active{background:#2c3e50}.content{padding:30px}.section{display:none}.section.active{display:block}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#2c3e50}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.billetes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px;margin-top:15px}.billete-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef}.billete-item label{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:8px}.billete-item input{text-align:center;font-weight:700;width:100%;padding:8px;margin:0 auto;display:block}.totales{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:10px;margin:20px 0;text-align:center}.totales h3{margin-bottom:10px;font-size:1.5em}.totales .total-amount{font-size:2em;font-weight:700}.btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;cursor:pointer;transition:transform .2s;margin:10px 5px}.btn:hover{transform:translateY(-2px)}.btn-danger{background:linear-gradient(45deg,#e74c3c,#c0392b)}.btn-secondary{background:linear-gradient(45deg,#95a5a6,#7f8c8d)}.historial-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:20px;margin-bottom:15px;transition:transform .2s}.historial-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.semana-info{font-size:18px;font-weight:700;color:#2c3e50}.detalle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.detalle-section{background:#fff;padding:15px;border-radius:8px;border-left:4px solid #667eea}.loading{text-align:center;padding:40px;color:#666}.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin:15px 0}.success{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin:15px 0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);justify-content:center;align-items:center}.modal-content{background-color:#000;color:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #ffffff5b;width:100%;max-width:400px;text-align:center}.message{min-height:20px;margin:10px 0;padding:10px;border-radius:5px}.btn-logout{position:absolute;top:20px;right:20px;padding:8px 15px!important;font-size:14px!important;background:linear-gradient(45deg,#e74c3c,#c0392b)!important}@media (max-width: 768px){.btn-logout{position:relative;top:auto;right:auto;margin-top:15px;width:100%}.modal-content{padding:20px}.container{margin:10px;border-radius:10px}.header{padding:20px}.header h1{font-size:2em}.nav{flex-direction:column}.nav button{padding:12px;border-bottom:1px solid #2c3e50}.billetes-grid{grid-template-columns:repeat(2,1fr)}.content{padding:20px}}