:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7}body{max-width:900px;margin:auto;padding:10px;font-family:Arial,sans-serif}.usuario-fila{background-color:#f5f5f5;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:6px 10px;display:flex}.usuario-info{font-size:14px}.usuario-centro{align-items:center;gap:6px;display:flex}.usuario-centro select{padding:4px}.separador{color:#999;margin:0 6px}.mensaje{margin-bottom:10px;font-weight:700}.top-container{gap:20px;margin-bottom:15px;display:flex}.top-izquierda,.top-derecha{flex:1;display:flex}.caja{background-color:#fafafa;border:1px solid #ddd;border-radius:6px;flex:1;min-height:100px;padding:10px}.busqueda-wrapper{position:relative}#busqueda{box-sizing:border-box;width:100%;margin-top:5px;padding:5px}#lista{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:200px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}#lista li{cursor:pointer;border-bottom:1px solid #eee;padding:6px}#lista li:hover{background-color:#f0f0f0}.bloque{margin-bottom:15px}#seleccionado{flex-direction:column;gap:2px;font-size:15px;font-weight:500;display:flex}button{cursor:pointer;padding:6px 10px}button:disabled{opacity:.5;cursor:not-allowed}#btnLogout{padding:3px 8px;font-size:13px;left:10px}#btnLogout:hover{background:#ddd}#btnProductos{margin-left:10px;padding:3px 8px;font-size:13px}@media (width<=768px){.top-container{flex-direction:column}}@media (width<=900px){#conceptos{grid-template-columns:repeat(3,1fr)}}@media (width<=500px){#conceptos{grid-template-columns:repeat(2,1fr)}}#conceptos{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.producto-card{text-align:center;background:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.producto-titulo{font-size:13px;font-weight:700}.producto-card button{padding:4px 6px;font-size:14px}.header-app{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.menu-app{gap:10px;display:flex}.tab{cursor:pointer;background:#eee;border:1px solid #ccc;border-radius:6px;padding:6px 12px}.tab:hover{background:#ddd}.tab.active{color:#fff;background:#333;border-color:#333}.productos-header{margin-bottom:12px}#listadoProductos{margin-top:10px}.fila-producto{border-bottom:1px solid #eee;grid-template-columns:1fr 120px 220px;align-items:center;gap:10px;padding:8px;display:grid}.producto-nombre{font-size:14px}.input-precio-producto{box-sizing:border-box;width:100%;padding:5px}.producto-acciones{gap:6px;display:flex}.producto-acciones button{padding:4px 8px;font-size:13px}.alta-producto{margin-top:20px}.form-producto{align-items:center;gap:10px;margin-top:8px;display:flex}.form-producto input{box-sizing:border-box;padding:5px}#nuevoConcepto{flex:1}#nuevoPrecio{width:100px}@media (width<=768px){.fila-producto{grid-template-columns:1fr;gap:6px}.producto-acciones,.form-producto{flex-direction:column;align-items:stretch}#nuevoPrecio{width:100%}}.tabla-historico{border-collapse:collapse;width:100%;margin-top:10px}.tabla-historico th,.tabla-historico td{border:1px solid #ddd;padding:6px;font-size:12px}.tabla-historico th{background-color:#f0f0f0}.filtros-historico{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.filtros-historico label{margin-bottom:3px;font-size:13px;display:block}.filtros-historico input,.filtros-historico select{box-sizing:border-box;padding:5px}.botones-historico{gap:8px;display:flex}.tabla-usuarios{border-collapse:collapse;width:100%;margin-top:10px}.tabla-usuarios th,.tabla-usuarios td{border:1px solid #ddd;padding:6px;font-size:13px}.tabla-usuarios th{background-color:#f0f0f0}.tabla-usuarios button{margin-right:6px}.alta-usuario{margin-bottom:20px}.form-usuario{grid-template-columns:1fr 1fr 160px;align-items:start;gap:10px;display:grid}.form-usuario input,.form-usuario select{box-sizing:border-box;padding:5px}.centros-nuevo-usuario{flex-wrap:wrap;grid-column:1/-1;gap:12px;margin-top:6px;display:flex}.centros-nuevo-usuario div{font-size:13px}#btnCrearUsuario{grid-column:1/-1;width:fit-content}@media (width<=768px){.form-usuario{grid-template-columns:1fr}}.editor-centros-usuario{margin-bottom:20px}.centros-edicion-usuario{flex-wrap:wrap;gap:12px;margin:10px 0;display:flex}.centros-edicion-usuario label{font-size:13px}.acciones-editor-centros{gap:8px;display:flex}.header-titulo{align-items:center;gap:10px;display:flex}.logo-app{width:auto;height:60px}