.admin-container{position:relative;display:flex;flex-direction:column;min-height:100vh}.admin-content-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;padding:20px;gap:20px;flex-wrap:wrap;overflow-y:auto}.form-container .form-title{font-size:.9375em}.form-container{max-height:calc(100vh - 150px);overflow-y:auto;flex-basis:38.25%;min-width:300px;color:#333}.admin-main-header{width:100%;background-color:#282c34;padding:20px;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0 2px 4px #0003;flex-wrap:wrap;gap:10px}.admin-main-header .admin-title{color:#fff;margin:0 auto 0 0;font-size:1.5em}.admin-nav{display:flex}.admin-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.admin-nav a{color:#a0a0a0;text-decoration:none;font-size:.85em;padding:8px 15px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.admin-nav a:hover{background-color:#3a3f47;color:#fff}.admin-nav a.active{background-color:#007bff;color:#fff;font-weight:700}.admin-nav .logout-link{background-color:#dc3545;color:#fff;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.95em;transition:background-color .3s ease;margin-left:auto}.admin-nav .logout-link:hover{background-color:#c82333}.user-list{list-style:none;padding:0}.user-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.user-item:last-child{border-bottom:none}.user-actions{display:flex;gap:10px}.icon-button{background:none;border:none;cursor:pointer;font-size:1.2em;color:#666;transition:color .3s ease}.icon-button:hover,.edit-button{color:#007bff}.edit-button:hover{color:#0056b3}.delete-button{color:#dc3545}.delete-button:hover{color:#c82333}#reset-password-section{margin-top:20px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}#reset-password-section .form-button{margin-right:10px}.form-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.form-header .form-title{margin:0}.back-button{font-size:1.5em;color:#007bff}.back-button:hover{color:#0056b3}.image-list{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;justify-content:center}.image-item{display:flex;flex-direction:column;align-items:center;border:1px solid #ddd;padding:10px;border-radius:8px;background-color:#f9f9f9;width:150px;text-align:center}.image-item img.thumbnail{width:130px;height:130px;object-fit:cover;border-radius:4px;margin-bottom:5px}.televisor-container{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:6fr 1fr;height:100vh;width:100vw;overflow:hidden;font-family:Arial,sans-serif;background-color:#222;color:#fff}.televisor-header{grid-column:1 / 3;background-color:#ff8c00;padding:4px 20px 95px;display:flex;align-items:flex-end;justify-content:center;font-size:1.8em;font-weight:700;position:relative}.televisor-header .company-logo{max-height:184px;z-index:100;width:auto;position:absolute;bottom:-90px;left:50%;transform:translate(-50%)}.televisor-header .date-time{font-size:.8em;color:#bbb}.publicidad-section{grid-column:1 / 2;background-color:#c0392b;display:flex;justify-content:center;align-items:center;padding:20px;font-size:2em;text-align:center;position:relative;overflow:hidden}.publicidad-section .publicidad-text,.publicidad-section .offer-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1s ease-in-out}.publicidad-section .publicidad-text.active,.publicidad-section .offer-image.active{opacity:1}.publicidad-section .offer-image{object-fit:cover}.cajas-section{grid-column:2 / 3;background-color:#34495e;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow-y:auto}.cajas-section .caja-header{display:flex;width:100%;justify-content:flex-start;font-weight:700;font-size:1.2em;padding-bottom:5px;border-bottom:2px solid #555}.cajas-section .caja-header span{width:120px;text-align:left;padding-left:10px}.cajas-section .caja-item{display:flex;width:100%;justify-content:flex-start;padding:8px 0;border-radius:5px;font-size:1.2em;font-weight:700;color:#333}.cajas-section .caja-item.llamando{background-color:#f39c12;animation:pulse 6s infinite alternate}.cajas-section .caja-item.floating{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2.64);z-index:1000;animation:float-in-center 3s forwards,blink-shadow .5s infinite alternate;box-shadow:0 0 50px #f39c12;border:1px solid white;width:528px;height:198px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2.64em}.cajas-section .caja-item.floating .caja-box,.cajas-section .caja-item.floating .caja-estado{width:auto;padding:0;text-align:center}@keyframes float-in-center{0%{transform:translate(-50%,-50%) scale(.66);opacity:0}20%{transform:translate(-50%,-50%) scale(1.32);opacity:1}80%{transform:translate(-50%,-50%) scale(1.32);opacity:1}to{transform:translate(-50%,-50%) scale(.66);opacity:0;display:none}}@keyframes blink-shadow{0%{box-shadow:0 0 50px #f39c12}to{box-shadow:0 0 12.5px #f39c1280}}@keyframes pulse{0%{box-shadow:0 0 #f39c12b3}to{box-shadow:0 0 15px #f39c12}}.cajas-section .caja-item.en_atencion{background-color:#e74c3c}.cajas-section .caja-item.libre{background-color:#2ecc71}.cajas-section .caja-item .caja-box,.cajas-section .caja-item .caja-estado{width:60px;text-align:left;padding:5px 0 5px 10px}.noticias-section{grid-column:1 / 3;background-color:#2c3e50;padding:10px 20px;font-size:1em;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center}.noticias-section .date-time{font-size:.9em;color:#bbb}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logout-button{background-color:#dc3545;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;position:absolute;top:10px;right:10px}.logout-button:hover{background-color:#c82333}.cajero-header{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;border-bottom:1px solid #ccc;width:100%;padding:10px 0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(to bottom right,#2a2a4a,#4a2a4a);justify-content:center;align-items:center}.form-container{background-color:#333;padding:40px;border-radius:10px;box-shadow:0 0 20px #00000080;text-align:center;width:350px}.form-title{color:#ccc;font-size:2.5em;margin-bottom:30px}.form-input{width:calc(100% - 20px);padding:10px;margin-bottom:20px;border:none;border-radius:5px;background-color:#444;color:#eee;box-shadow:inset 0 0 5px #0000004d;font-size:1em}.form-input::placeholder{color:#aaa}.form-button{width:100%;padding:.48em .96em;border:none;border-radius:5px;background:linear-gradient(to right,#007bff,#0056b3);color:#fff;font-size:.96em;cursor:pointer;transition:background .3s ease;box-shadow:0 5px 15px #0000004d;margin-bottom:15px}.form-button:hover{background:linear-gradient(to right,#0056b3,#007bff)}.form-button.selected{background:linear-gradient(to right,#004085,#002a5c);box-shadow:0 2px 5px #0000004d;transform:translateY(2px)}.admin-cards-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.admin-header-right{width:100%;text-align:center;padding:20px;box-sizing:border-box;margin-top:0}.admin-header-right .form-title{margin-bottom:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
